body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{overflow-x:hidden}.wrapper{display:flex;justify-content:center}#content{width:650px;-webkit-user-select:none;user-select:none;min-height:100vh}.App{background-color:#6f7172;color:#d8d4d4}.side-panel{flex-grow:1;background-color:#d8d4d4}.new-side-panel{flex-grow:1;background-color:rgba(0,0,0,.75)}.App h1,.OldApp h1{text-align:center;font-size:2rem;font-weight:700;letter-spacing:1px}.OldApp{font-family:Oswald;color:#6f7172}.App{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#f5f5f5}.OldApp p,h3{color:#6f7172}a:link,a:visited{color:#191970}a:hover{color:#8b0000}.home{margin:20px}.App h1{color:#6ebf8b}.puzzrow{display:flex;justify-content:space-between}.puzzcol{display:flex;flex-direction:column}#change{color:#191970;text-decoration:underline}#splash-container{display:flex;justify-content:center}#splash{width:80%}.puzzcol a{color:#007bff;text-decoration:none;padding:12px 20px;margin:8px 0;background:rgba(0,123,255,.1);border:2px solid rgba(0,123,255,.3);border-radius:8px;text-align:center;font-weight:700;transition:all .3s ease;display:block}.puzzcol a:hover{background:rgba(0,123,255,.2);border-color:rgba(0,123,255,.6);-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,123,255,.3);color:#0056b3}#change{color:#007bff;text-decoration:none;padding:12px 20px;margin:8px 0;background:rgba(0,123,255,.1);border:2px solid rgba(0,123,255,.3);border-radius:8px;text-align:center;font-weight:700;transition:all .3s ease;display:block;cursor:pointer}#change:hover{background:rgba(0,123,255,.2);border-color:rgba(0,123,255,.6);-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,123,255,.3);color:#0056b3}.home a[href^="mailto:"]{color:#007bff;text-decoration:none;transition:all .3s ease;padding:4px 8px;border-radius:4px;border:1px solid transparent}.home a[href^="mailto:"]:hover{color:#0056b3;background:rgba(0,123,255,.1);border-color:rgba(0,123,255,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,123,255,.2)}.home a[href*=personal-site]{color:#007bff;text-decoration:none;transition:all .3s ease;padding:4px 8px;border-radius:4px;border:1px solid transparent}.home a[href*=personal-site]:hover{color:#0056b3;background:rgba(0,123,255,.1);border-color:rgba(0,123,255,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,123,255,.2)}.bar{display:flex;align-items:center;margin-top:20px}.icon{color:#6f7172;height:32px}.App .icon{color:#f5f5f5}.bar a{width:36px;text-decoration:none}.bar .title,.bar a{display:flex;justify-content:center}.bar .title{flex-grow:10;width:-webkit-min-content;width:min-content}.bar .title h1{font-size:2.5rem;letter-spacing:1px}.left-icons,.right-icons{flex-grow:1;display:flex;justify-content:space-around;min-width:70px}#page-info{margin:0 10px}#bottom-options,#page-info{display:flex;justify-content:space-between}#bottom-options p{margin:10px;cursor:pointer}.tile{background-color:#edeff1;width:120px;aspect-ratio:1/1;border-radius:12%;border-bottom:7px solid rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;text-align:center;font-size:16px;letter-spacing:.5px;margin:4px;cursor:pointer;touch-action:none;padding:10px}.OldApp .tile{font-family:Oswald;text-transform:uppercase}.App .tile{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:bolder;color:rgba(0,0,0,.7);background-color:#a9a9a9;width:150px;aspect-ratio:5/4}@media screen and (max-width:480px){.App .tile{aspect-ratio:5/4}.App .tile,.OldApp .tile{width:20%;font-size:10px;padding:2px}.OldApp .tile{aspect-ratio:1/1}}.OldApp .red{background-color:#ff3c28;color:#fff}.OldApp .blue{background-color:#0ab9e6;color:#fff}.OldApp .purple{background-color:#b400e6;color:#fff}.OldApp .orange{background-color:rgba(255,162,0,.5372549019607843);color:#fff}.OldApp .green{background-color:#1edc00;color:#fff}.OldApp .pink{background-color:#ff3278;color:#fff}.App .red{background-color:#8b0000;color:#f5f5f5}.App .blue{background-color:#00008b;color:#f5f5f5}.App .purple{background-color:purple;color:#f5f5f5}.App .orange{background-color:#d2691e;color:#f5f5f5}.App .green{background-color:#006400;color:#f5f5f5}.App .pink{background-color:red;color:#f5f5f5}.highlight{box-shadow:0 5px 10px 10px #e9ba3a}#board{flex-direction:column}#board,#row{display:flex}#row{flex-direction:row;justify-content:center}#groups-and-swaps,#share{display:flex;justify-content:space-between;margin:10px}#groups-and-swaps span{font-family:Oswald;text-transform:uppercase;color:#6f7172}#progress li,.App #groups-and-swaps span{color:#f5f5f5}#progress li{font-family:Oswald;text-transform:uppercase;border-radius:10px;padding:0 0 0 10px;max-width:90%;margin:0 auto}#progress ul{padding:0;list-style:none}#progress p{letter-spacing:1px;text-align:center}#share{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}#share h1{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:10px;padding:5px;cursor:pointer}#share h3{color:#f5f5f5}.OldApp #share h3{color:#6f7172}.OldApp #share h1{background-color:#90ee90;color:#6f7172}.App #share h1{background-color:#006400;color:#f5f5f5}#moves-counter{text-align:center;margin:25px auto;padding:20px 30px;background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.05));border-radius:15px;border:2px solid hsla(0,0%,100%,.3);display:flex;justify-content:space-around;align-items:center;max-width:500px;box-shadow:0 8px 32px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}#moves-counter:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s}#moves-counter:hover:before{left:100%}#moves-counter span{font-family:Oswald;text-transform:uppercase;font-size:20px;font-weight:700;color:#6f7172;margin:0 15px;padding:12px 20px;background:hsla(0,0%,100%,.1);border-radius:10px;border:1px solid hsla(0,0%,100%,.2);transition:all .3s ease;position:relative;z-index:1}#moves-counter span:hover{background:hsla(0,0%,100%,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.App #moves-counter span{color:#f5f5f5}.OldApp #moves-counter{background:linear-gradient(135deg,rgba(0,0,0,.08),rgba(0,0,0,.03));border:2px solid rgba(0,0,0,.15);box-shadow:0 8px 32px rgba(0,0,0,.15)}.OldApp #moves-counter span{background:rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.15)}.OldApp #moves-counter span:hover{background:rgba(0,0,0,.12);box-shadow:0 5px 15px rgba(0,0,0,.3)}@media screen and (max-width:768px){#moves-counter{margin:15px auto;padding:15px 20px;max-width:90%;flex-direction:column;grid-gap:10px;gap:10px}#moves-counter span{font-size:16px;margin:0;padding:10px 15px;width:100%;text-align:center}}@media screen and (max-width:480px){#moves-counter{margin:10px auto;padding:12px 15px;max-width:95%}#moves-counter span{font-size:14px;padding:8px 12px}}.how-to-play{margin:20px;display:flex;flex-direction:column;align-items:center}img{max-width:80vw}
/*# sourceMappingURL=main.aaf375c1.chunk.css.map */