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}html{-ms-overflow-style:none;scrollbar-width:none}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#center{padding-top:60px}#title{color:#777;font-size:60px;font-weight:700}#subtitle,#title{font-family:Comfortaa,sans-serif}#subtitle{color:#bbb;font-size:20px;font-weight:bolder}.ui{color:#777;font-family:Outfit,sans-serif}.hud{line-height:52px;margin:25px}.grid{margin:0 25px 30px;min-width:330px}.grid.win{margin:-25px;scale:.8}#turns{min-width:80px;transition:font-size .5s ease-out}#turns,.button{font-weight:700}.button{cursor:pointer;font-size:25px;margin:5px auto;width:fit-content}.button:hover{color:#333;text-decoration:underline}#next .cell-top{transition:top 0s}#next,.hud-element{display:inline-block;margin:0 20px;vertical-align:middle}.cell,.cell-top{background-color:#f0f0f0;border-radius:10px;color:#f0f0f0;cursor:default;font-family:Outfit,sans-serif;height:55px;vertical-align:top;width:60px}.cell.c0{box-shadow:0 0 0 #ccc}.cell-top.c0{cursor:pointer;top:0;transition:background-color .2s}.cell-top.c0:hover{background-color:#ccc}.cell{box-shadow:0 0 4px #bababa;display:inline-block;margin:3px;transition:box-shadow .15s}.cell-top{font-size:30px;font-weight:700;line-height:52px;position:relative;transition:top .25s}.cell.c1{background-color:#7a6e8b}.cell-top.c1{background-color:#9693b3;color:#584f64;top:-3.5px}.cell.c2{background-color:#eb9191}.cell-top.c2{background-color:#ffb1b1;color:#ba5b5b;top:-3.5px}.cell.c3{background-color:#ead994}.cell-top.c3{background-color:#fffea2;color:#b5a35b;top:-3.5px}.cell.c4{background-color:#9fe2b4}.cell-top.c4{background-color:#cbffbf;color:#5ebc7b;top:-3.5px}.cell.c5{background-color:#b4dfff}.cell-top.c5{background-color:#bff5ff;color:#66aadc;top:-3.5px}.cell.c6{background-color:#cdadff}.cell-top.c6{background-color:#eccdff;color:#a577ed;top:-3.5px}.cell.c7{background-color:#9effb5}.cell-top.c7{background-color:#f6fff8;color:#7ce294;top:-3.5px}.cell.c11{background-color:#ceccc2}.cell-top.c11{background-color:#e3dcc6;color:#e3dcc6;top:-3.5px}.cell.c8{background-color:#ffcb67;box-shadow:0 1px 4px #ffa800}.cell-top.c8{background-color:#ffde9c;color:#ffa800;top:-3.5px}.cell.c9{background-color:#372c38;box-shadow:0 0 4px #000}.cell-top.c9{background-color:#603d63;color:#bf71c5;top:-3.5px}.cell.c10{background-color:#8282a2;box-shadow:0 2px 1px 2px #645a78}.cell-top.c10{animation:fadeBackground 10s ease-in-out infinite;color:#8989d5;top:-3.5px;transition:background-color 1s ease-in-out}@keyframes fadeBackground{0%{background-color:#e3e3ff}50%{background-color:#a9a9db}to{background-color:#e3e3ff}}.cell.c100{background-color:#aaa;box-shadow:0 0 0 2px #f0f0f0;transition:background-color 0s;transition:box-shadow 0s}.cell-top.c100{background-color:#eff;color:#eff;top:0;transition:top .4s cubic-bezier(1,-1.5,1,0)}#info-container{height:0}.info{background-color:#fff;border:2px solid #eee;border-radius:10px;margin:auto;max-width:460px;min-width:360px;opacity:0;padding:15px;pointer-events:none;position:relative;top:-85px;transition:opacity .25s;width:50%;z-index:1}.info.win{background-color:#f7fffb;max-width:400px;top:-590px}#info-next-tile{left:-164px;top:-104px}#info-next-tile,#info-turns{height:22px;min-width:0;padding:5px;width:69px}#info-turns{left:0;top:-140px}.fade-in{opacity:1;pointer-events:all}.section{margin:12px 0}.section.win{color:#2e5b45;font-family:Comfortaa,sans-serif;font-size:60px;font-weight:700}.section.header{font-size:30px;font-weight:700}.bottom-stats{height:0;margin-bottom:10px;margin-top:-15px;opacity:0;pointer-events:none;transition:opacity .25s;transition:height .25s}.bottom-stats.fade-in{height:40px;opacity:1;pointer-events:all}
/*# sourceMappingURL=main.4ae6cf80.css.map*/