*{margin:0;padding:0;box-sizing:border-box}img{vertical-align:middle;border-style:none}body{height:100%;font-family:'Roboto','Arial',sans-serif;background:#24343c;color:white;line-height:1.5;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}#container{margin:0 auto;max-width:624px;aspect-ratio:1 / 1}#container img{max-width:100%}.supercontainer{background-color:#000;border-radius:1rem;width:100%;height:100%;padding:18px;position:relative}.gcontainer{width:100%;height:100%;border-radius:1rem;transition:all .25s ease-out;filter:grayscale(0) blur(0px)}#mcanvas{width:100%;cursor:pointer}.header{margin:10px 0 0 0;text-align:center}.logo img{width:240px}.counter{text-align:center;margin:10px 0}.scores{display:inline-block;padding:4px 7x;margin:15px 0 5px 0}.scored{margin:8px 0}.footer{width:100%;text-align:center;margin:10px 0}.seticon{height:16px;filter:invert(1);transition:all .25s ease}.setting{background-color:#607d8b;color:#fff;padding:3px 10px 3px 10px;display:inline-block;align-self:center;border-radius:2rem;font-size:15px;cursor:pointer;transition:all .5s}.settingsopen{min-width:280px;display:none;z-index:2;text-align:left;padding:15px 20px;background:#24343c;border:3px solid white;border-radius:10px;color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.tilecount{background-color:#3f7793;cursor:pointer;padding:0 10px 0 10px;border-radius:2rem;margin:10px 0 0 0;display:inline-block}.save{background-color:#3f7793;cursor:pointer;padding:5px 10px 5px 10px;border-radius:2rem;margin:10px 0 0 0;display:inline-block}.restart{background-color:#607d8b;color:#fff;padding:3px 10px 3px 10px;display:inline-block;align-self:center;border-radius:2rem;font-size:15px;cursor:pointer;transition:all .5s ease}.fullscreen{background-color:#607d8b;color:#fff;padding:3px 10px 3px 10px;display:inline-block;align-self:center;border-radius:2rem;font-size:15px;cursor:pointer;transition:all .5s ease}.back{opacity:.5;background-color:#607d8b;color:#fff;padding:3px 10px 3px 10px;display:inline-block;align-self:center;border-radius:2rem;font-size:15px;cursor:pointer;transition:all .5s ease}.back:hover,.restart:hover,.fullscreen:hover{background-color:#3d6275}.back:active,.restart:active,.fullscreen:active{background-color:#dfe7eb}.icon{width:15px;vertical-align:text-bottom}.setting:hover,.sound:hover{background-color:#3f525c}.copyright{padding:0 10px 0 10px;margin:auto;margin-top:20px;max-width:300px;text-align:center;border-radius:2rem;font-size:14px;align-self:center}.container:fullscreen .copyright{display:none;}.count{background-color:#673ab7;color:#fff;padding:5px 10px 5px 10px;display:inline;border-radius:2rem}.selected{background-color:#ce0092;color:#fff;padding:5px 10px 5px 10px;display:inline;border-radius:2rem;display:none}.btns{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.game_over{display:none;z-index:2;text-align:center;padding:10px 15px;background:#673ab7;border:3px solid white;border-radius:10px;color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.share{margin-top:20px;line-height:1.7}.share a{color:white}.share img{height:16px;filter:invert(1)}.move_back{display:none;z-index:2;position:absolute;opacity:0;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .25s ease-out}.loading{width:240px;text-align:center;padding:10px 15px;background:#673ab7;border:3px solid white;border-radius:10px;color:#fff;z-index:2;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .25s ease-out}.loading_p{font-weight:bold}.progress{margin-top:5px;background:#fff;border-radius:20px}#score{display:block;font-size:27px}.button{cursor:pointer;margin:10px;font-size:22px;background:linear-gradient(#ff5722,#e91e63);color:#fff;font-weight:600;padding:5px 20px;border-radius:28px;transition:all .25s ease;white-space:nowrap}.button:hover{filter:drop-shadow(0px 1px 2px black)}.form{margin-top:40px}.form label{display:block;margin-top:20px}.form input,form textarea{width:300px}.about{margin:0 auto;max-width:360px;margin-top:30px;margin-bottom:30px;text-align:left}@media screen and (max-width:680px){.logo img{width:220px}.container{position:absolute;width:100%;top:50%;transform:translateY(-50%)}}