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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{overflow:hidden}body{--background:#dedad6;--foreground:#e1deda;--cell:#cbc5bf;--header:#c0bab5;--menu:#d3cfcb;--menu-hover:#e2dfdc;--correct:#588157;--light:#1f5850;--title:#444;--selection:#fcfc4b;align-items:center;background-color:var(--background);display:flex;flex-direction:column;min-height:100vh}body:not(.dark){color:#000}body:not(.dark) #menu img,body:not(.dark) #menu svg,body:not(.dark) header img,body:not(.dark) header svg{filter:invert(1)}body:not(.dark) header #toggle-scheme span{filter:contrast(5) grayscale(1) invert(1)}body.dark,body:not(.dark) .bar.recent,body:not(.dark) .cell-outer.correct,body:not(.dark) .settings-toggle.active,body:not(.dark) .statistics-toggle.active{color:#fff}body.dark{--background:#212529;--foreground:#1e2125;--cell:#343a40;--header:#3f454a;--menu:#2c3034;--menu-hover:#1d2023;--correct:#588157;--light:#a0a7af;--title:#ccc}body.dark #menu img,body.dark #menu svg,body.dark header img,body.dark header svg{filter:none}.App{background-color:var(--background);flex-direction:column;max-height:100vh;min-height:600px;overflow:hidden;position:relative}.App,header{align-items:center;display:flex;max-width:800px}header{background-color:var(--header);border-bottom:5px solid #0000001a;height:40px;-webkit-user-select:none;user-select:none;width:100vw}header #toggle-menu,header #toggle-settings{margin-left:10px}header #toggle-settings svg{height:24px;margin-left:4px;margin-top:4px;width:24px}header #toggle-statistics{margin-right:10px}header #toggle-statistics svg{height:24px;margin-left:4px;margin-top:4px;width:24px}header #toggle-scheme{align-items:center;display:flex;font-size:1.4em;justify-content:center;margin-right:10px}header #toggle-scheme span{filter:contrast(5) grayscale(1)}header #toggle-menu,header #toggle-scheme,header #toggle-settings,header #toggle-statistics{-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:5px;cursor:pointer;height:32px;width:32px}header #toggle-menu:hover,header #toggle-scheme:hover,header #toggle-settings:hover,header #toggle-statistics:hover{background:var(--menu)}header #toggle-menu img,header #toggle-scheme img,header #toggle-settings img,header #toggle-statistics img{height:32px;width:32px}header #main-title{color:var(--title);flex-grow:1;font-weight:700;letter-spacing:2.5px;line-height:32px;text-align:center;text-transform:uppercase}#settings{background:var(--foreground);border-radius:10px;left:50%;max-width:450px;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .25s;-webkit-user-select:none;user-select:none;width:100vw;z-index:1000000}#settings .setting{background:var(--menu);padding:10px}#settings .setting h5{font-size:.8em;padding-top:0}#settings .setting .setting-description{font-size:.85em;letter-spacing:1px;text-align:center}#settings .setting .setting-example{grid-gap:5px;display:grid;gap:5px;grid-template:repeat(2,1fr)/repeat(2,1fr);justify-content:center;margin:auto;width:125px}#settings .setting .setting-example .setting-cell-outer{-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;height:60px;overflow:hidden;position:relative;touch-action:none;transition:all .25s;width:60px}#settings .setting .setting-example .setting-cell-outer.moving{transform:scale(1.25);transition:none}#settings .setting .setting-example .setting-cell-outer.selected .cell-front{box-shadow:inset 0 0 20px var(--selection);mix-blend-mode:exclusion}#settings .setting .setting-example .setting-cell-outer .cell-front{align-items:center;background-color:var(--cell);background-repeat:no-repeat;border-radius:10%;bottom:0;display:flex;font-weight:700;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none}#settings .setting #settings-toggles{display:flex;flex-direction:row;gap:10px;justify-content:center;margin-bottom:10px}#settings .setting #settings-toggles .settings-toggle{background-color:var(--header);border-radius:5px;cursor:pointer;font-weight:700;letter-spacing:1px;line-height:30px;text-align:center;text-transform:uppercase;transition:all .2s;width:125px}#settings .setting #settings-toggles .settings-toggle.active{background-color:var(--correct)}#settings .setting #settings-toggles .settings-toggle.locked{cursor:default;filter:brightness(.6)}#settings .setting+.setting{margin-top:20px}#settings button{display:flex;justify-content:center;margin:10px auto}#settings h4,#settings h5{font-weight:700;letter-spacing:2px;margin:0;padding:10px;text-align:center;text-transform:uppercase}#settings.active{opacity:1;pointer-events:all}#settings.modal{margin-top:20px}#settings #close-menu{cursor:pointer;font-size:1.25em;font-weight:700;position:absolute;right:10px;top:4px}#settings-background,#statistics-background{background:#00000080;display:none;height:100vh;pointer-events:none;position:fixed;width:100vw;z-index:1000000}#settings-background.active,#statistics-background.active{display:inline;display:initial;pointer-events:all}#statistics{background:var(--background);border-radius:10px;left:50%;max-width:450px;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .25s;-webkit-user-select:none;user-select:none;width:100vw;z-index:1000000}#statistics.active{opacity:1;pointer-events:all}#statistics h4{font-weight:700;letter-spacing:2px;margin:0 0 10px;padding:10px;text-align:center;text-transform:uppercase}#statistics h4.distribution{margin:10px auto}#statistics #close-menu{cursor:pointer;font-size:1.25em;font-weight:700;position:absolute;right:10px;top:4px}#statistics #statistics-toggles{display:flex;flex-direction:row;gap:10px;justify-content:center;margin-bottom:10px}#statistics #statistics-toggles .statistics-toggle{background-color:var(--header);border-radius:5px;cursor:pointer;font-weight:700;letter-spacing:1px;line-height:30px;text-align:center;text-transform:uppercase;transition:all .2s;width:125px}#statistics #statistics-toggles .statistics-toggle.active{background-color:var(--correct)}#statistics .summary{border-bottom:1px solid var(--light)}#statistics .summary .summary-row{border-top:1px solid var(--light);display:flex;justify-content:space-between;margin-bottom:1px;padding-top:1px}#statistics .summary .summary-row .label{background-color:var(--cell);text-transform:uppercase}#statistics .summary .summary-row .label,#statistics .summary .summary-row .value{font-size:.75em;font-weight:700;letter-spacing:1px;padding:5px 10px;width:calc(50% - 20px)}#statistics .summary .summary-row .value{text-align:right}#statistics .score-container{grid-row-gap:5px;display:grid;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;grid-template-columns:2fr 4fr 4fr;height:348px;margin-bottom:20px;padding:0 10px;row-gap:5px}#statistics .score-container .row{display:contents}#statistics .score-container .row.header .cell{font-weight:700}#statistics .distribution-container{grid-row-gap:5px;display:grid;grid-template-columns:2fr 14fr 2fr;grid-template-rows:repeat(4,1fr);margin-bottom:20px;padding:0 10px;row-gap:5px}#statistics .distribution-container .rating{align-items:center;display:flex;font-size:.75em;font-weight:700;justify-content:start}#statistics .distribution-container .rating svg{fill:gold;height:16px;margin-left:5px;width:16px}#statistics .distribution-container .proportion .bar{background-color:var(--cell);border-radius:5px;display:flex;font-size:.75em;font-weight:700;height:100%;height:20px;justify-content:end;line-height:18px;min-width:7px;padding-left:5px;padding-right:5px}#statistics .distribution-container .proportion .bar.recent{background-color:var(--correct)}#statistics .distribution-container .percentage{display:flex;font-size:.75em;font-weight:700;justify-content:end;line-height:18px}#statistics #statistics-user{color:var(--light);font-size:.75em;font-weight:700;letter-spacing:1px;margin:10px;text-align:center;text-transform:uppercase}#menu{background:var(--menu);display:flex;flex-direction:column;left:-305px;position:absolute;top:0;transition:all .5s;width:300px;z-index:1000000}#menu.active{left:0}#menu .menu-option{align-items:center;display:flex;font-size:.9em;font-weight:700;letter-spacing:1px;padding:10px 20px;text-transform:uppercase}#menu .menu-option:hover{background-color:var(--menu-hover);cursor:pointer}#menu .menu-option img,#menu .menu-option svg{height:24px;margin-right:10px;width:24px}#menu h4{font-weight:700;letter-spacing:2px;margin:0 0 10px;padding:10px;text-align:center;text-transform:uppercase}#menu hr{border:none;border-top:1px solid #fff;width:90%}#menu #close-menu{cursor:pointer;font-size:1.25em;font-weight:700;position:absolute;right:10px;top:4px}#menu #puzzle-list{align-items:center;border-bottom:5px solid #0000001a;display:grid;grid-template-columns:1fr 2fr repeat(2,4fr);padding:10px}#menu #puzzle-list .row{display:contents}#menu #puzzle-list .row .cell{cursor:pointer;height:40px;padding:10px 0 10px 10px}#menu #puzzle-list .row:hover .cell{background-color:var(--header)}#menu #puzzle-list .cell{align-items:center;display:flex;font-weight:700;padding-bottom:5px;padding-left:10px}#menu #puzzle-list .cell img{border-radius:5px}#archive{background-color:var(--foreground);flex-direction:column;gap:10px;margin-top:10px;max-height:calc(100vh - 65px);max-height:calc(100dvh - 65px);max-width:800px;overflow:hidden;overflow-y:scroll;padding-bottom:10px;position:relative;width:100vw}#archive,#archive .archive-row{align-items:center;display:flex}#archive .archive-row{background-color:var(--cell);border-radius:10px;cursor:pointer;justify-content:space-between;padding:10px;width:calc(100% - 40px)}#archive .archive-row .data{display:flex;flex-direction:column}#archive .archive-row .data .number{font-size:1.25em;font-weight:700}#archive .archive-row .data .date{color:var(--light);font-size:.75em}#archive .archive-row .result .completed{display:flex;gap:5px}#archive .archive-row .result .completed svg{height:20px;width:20px}#archive .archive-row .result .completed svg.active{fill:gold}#archive .archive-row .result .completed svg.inactive{fill:silver}#archive .archive-row .result .unattempted{color:var(--light);letter-spacing:1px;text-transform:uppercase}#game{align-items:center;background-color:var(--foreground);display:flex;flex-direction:column;max-width:800px;overflow:hidden;position:relative;width:100vw}#game.classic select{margin-bottom:20px;margin-left:0}#game #title{color:var(--light);font-weight:700;letter-spacing:2px;margin:20px auto;text-transform:uppercase;-webkit-user-select:none;user-select:none}#game #game-outer{position:relative}#game #board-background{grid-gap:5px;display:grid;display:none;gap:5px;position:absolute;-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#game #board-background .cell-outer-back{background:var(--background);border:1px solid var(--cell);border-radius:10%}#game #board-background.active{display:grid}#game #board-background.preview{display:none}#game #board{display:grid;font-size:calc(10px + 2vmin);-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#game #board.preview{display:none}#game #board:not(.start):not(.open):not(.finished){gap:5px}#game #board:not(.start):not(.open):not(.finished) .cell-back,#game #board:not(.start):not(.open):not(.finished) .cell-front{border-radius:10%}#game #board.finished,#game #board.open,#game #board.start{gap:0}#game #board.finished .cell-back,#game #board.finished .cell-front,#game #board.open .cell-back,#game #board.open .cell-front,#game #board.start .cell-back,#game #board.start .cell-front{border-radius:0;transition:none!important}#game #board.classic .cell-back,#game #board.classic .cell-front{border-bottom:5px solid #0000001a;border-radius:10%}#game #board.classic.finished{gap:5px}#game #board.classic .cell-outer.correct .cell-front{background-color:var(--correct)}#game #board.flip{animation:expand .5s linear}#game #board.flip .cell-front{animation:rotate-front .75s ease-in-out}#game #board.flip .cell-back{animation:rotate-back .75s ease-in-out}#game #board.unflip .cell-front{animation:rotate-front .75s ease-in-out reverse}#game #board.unflip .cell-back{animation:rotate-back .75s ease-in-out reverse}#game #board.over .cell-outer{filter:grayscale(1)}#game #board.finished.daily{animation:expand .5s linear reverse;animation-fill-mode:forwards}#game #board.active .cell-outer,#game #board.start .cell-outer{cursor:pointer}#game #board.daily .cell-outer.correct{cursor:auto}#game #board.grid-4.daily.finished .cell-outer:first-child .cell-front{border-top-left-radius:10%}#game #board.grid-4.daily.finished .cell-outer:nth-child(4) .cell-front{border-top-right-radius:10%}#game #board.grid-4.daily.finished .cell-outer:nth-child(13) .cell-front{border-bottom-left-radius:10%}#game #board.grid-4.daily.finished .cell-outer:nth-child(16) .cell-front{border-bottom-right-radius:10%}#game #board.grid-5.daily.finished .cell-outer:first-child .cell-front{border-top-left-radius:10%}#game #board.grid-5.daily.finished .cell-outer:nth-child(5) .cell-front{border-top-right-radius:10%}#game #board.grid-5.daily.finished .cell-outer:nth-child(21) .cell-front{border-bottom-left-radius:10%}#game #board.grid-5.daily.finished .cell-outer:nth-child(25) .cell-front{border-bottom-right-radius:10%}#game #board.daily.active .cell-outer.correct:before{animation:shine 1s;background:linear-gradient(90deg,#fff0 0,#ffffff4d);content:"";display:block;height:100%;left:-75%;position:absolute;top:0;transform:skewX(-25deg);width:50%;z-index:2}#game #board .cell-outer{-webkit-tap-highlight-color:rgba(0,0,0,0);height:var(--cell-size);overflow:hidden;position:relative;touch-action:none;transition:all .25s;width:var(--cell-size)}#game #board .cell-outer.moving{transform:scale(1.25);transition:none}#game #board .cell-outer.selected .cell-front{box-shadow:inset 0 0 20px var(--selection);mix-blend-mode:exclusion}#game #board .cell-outer .cell-back,#game #board .cell-outer .cell-front{animation-fill-mode:forwards;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:var(--cell);background-repeat:no-repeat;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:border-radius .5s}#game #board .cell-outer .cell-front{align-items:center;display:flex;font-weight:700;justify-content:center;-webkit-user-select:none;user-select:none}#game #board .cell-outer .cell-back{transform:rotateX(180deg)}#game #board.start .cell-outer.correct{cursor:pointer}#game #board.build .cell-front,#game #board.unflip .cell-outer .cell-front{transform:rotateX(180deg)}#game #board.build .cell-back,#game #board.unflip .cell-outer .cell-back{transform:rotateX(0deg)}#game #board-background.grid-2,#game #board.grid-2{grid-template:repeat(2,1fr)/repeat(2,1fr)}#game #board-background.grid-2 .cell-front,#game #board.grid-2 .cell-front{background-size:100%}#game #board-background.grid-3,#game #board.grid-3{grid-template:repeat(3,1fr)/repeat(3,1fr)}#game #board-background.grid-3 .cell-front,#game #board.grid-3 .cell-front{background-size:100%}#game #board-background.grid-4,#game #board.grid-4{grid-template:repeat(4,1fr)/repeat(4,1fr)}#game #board-background.grid-4 .cell-front,#game #board.grid-4 .cell-front{background-size:100%}#game #board-background.grid-5,#game #board.grid-5{grid-template:repeat(5,1fr)/repeat(5,1fr)}#game #board-background.grid-5 .cell-front,#game #board.grid-5 .cell-front{background-size:100%}#game #board-background.grid-6,#game #board.grid-6{grid-template:repeat(6,1fr)/repeat(6,1fr)}#game #board-background.grid-6 .cell-front,#game #board.grid-6 .cell-front{background-size:100%}#game #board-background.grid-7,#game #board.grid-7{grid-template:repeat(7,1fr)/repeat(7,1fr)}#game #board-background.grid-7 .cell-front,#game #board.grid-7 .cell-front{background-size:100%}#game #board-background.grid-8,#game #board.grid-8{grid-template:repeat(8,1fr)/repeat(8,1fr)}#game #board-background.grid-8 .cell-front,#game #board.grid-8 .cell-front{background-size:100%}#game #image{margin-top:5px;position:absolute}#game select{-webkit-appearance:button;background:#fff;background-color:#ececec;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAWCAYAAADafVyIAAAAzElEQVRIDWP8//8/Ay0BE8zws2fPgmyium1wC2AWUZsetYBgiI4GEcEgYiGoAqqgq6trGZAZia4emFGXlZeXR6OLw/hEx8G/f/+ygYY9hWkE0UD+IyCVhSyGzibagoqKiveMjIyJIHNBhgAN/wekYoGu/wji4wJEWwAyoKysbDfQ4ClQw7qAhh/CZTBMnOg4gGl4+fJluYSEhNC9e/fqYGJ4aaCLQN5lOHPmDJACAzAfyKIKTVIQ4XUpDslRC3AEDEJ46AcRIyg50hIAANnugKRDswA6AAAAAElFTkSuQmCC),-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#ededed));background-position:100% 50%,0 0;background-repeat:no-repeat,repeat;border:1px solid #ececec;border-radius:5px;box-shadow:inset 0 1px 2px #ffffff4d,0 1px 2px #0006;box-sizing:border-box;color:#000;display:inline-block;font-weight:400;font-weight:700;height:32px;margin-left:10px;outline:none;overflow:hidden;padding:4px 30px 4px 9px;text-align:left;text-shadow:0 1px 0 #fff;transition:box-shadow .2s,border-color .2s;vertical-align:middle;white-space:nowrap}#game select:focus{border-color:#6cf;box-shadow:inset 0 1px 2px #ffffff4d,0 1px 2px #0006,0 0 4px #6cf;box-shadow:0 0 10px 1px #356980;outline:none}#game select option{font-weight:700;text-shadow:none}#game #win-outer{padding:10px;text-align:center}#game #win-outer h4{font-size:1.5em;margin:auto}#game #win-outer #win-info{margin:15px auto}#game #moves{color:var(--light);letter-spacing:1px;margin:20px auto;text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:100%}#game #moves span.count{color:var(--title);font-weight:900}#game #moves div.result{background-color:var(--menu);display:flex;flex-direction:column;gap:10px;justify-content:center;margin-top:20px;padding:10px 0;width:100%}#game #moves div.result #score-name{font-size:1.25em;font-weight:700;letter-spacing:2px}#game #moves div.result #score-stars{display:flex;gap:10px;justify-content:center;letter-spacing:2px}#game #moves div.result #score-stars svg{height:40px;width:40px}#game #moves div.result #score-stars svg.active{fill:gold}.button{background-color:var(--correct);border-radius:8px;border-style:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;font-weight:700;height:40px;letter-spacing:1.5px;line-height:20px;list-style:none;margin:auto;outline:none;padding:10px 16px;text-align:center;text-decoration:none;text-transform:uppercase;touch-action:manipulation;transition:color .1s;user-select:none;-webkit-user-select:none;vertical-align:initial;width:150px}.button:hover{background-color:#466746}.button.copy{width:175px}@keyframes expand{0%{gap:0}to{gap:5px}}@keyframes rotate-front{0%{transform:rotateX(0deg)}to{transform:rotateX(180deg)}}@keyframes rotate-back{0%{transform:rotateX(180deg)}to{transform:rotateX(0deg)}}@keyframes shine{to{left:125%}}::-webkit-scrollbar-track{background-color:#f5f5f5;-webkit-box-shadow:inset 0 0 6px #0000004d}::-webkit-scrollbar{background-color:#f5f5f5;width:6px}::-webkit-scrollbar-thumb{background-color:#555}
/*# sourceMappingURL=main.ec3cac0d.css.map*/