@font-face{font-family:'Bangers';font-style:normal;font-weight:400;src:url(Bangers-Regular.ttf) format('truetype');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}:root{--timer:3s;--color-1:white;--color-2:black;--color-3:orange;--color-4:#090E34;--color-5:#8253B9;--color-6:#9b9b9b;--color-7:#b96400;--color-8:#8253b980;--gradient-1:linear-gradient(0deg,#090E34,#8253B9);--gradient-2:linear-gradient(45deg,var(--color-4),var(--color-5));}a{text-decoration:none;}body{margin:0;padding:0;height:100vh;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:var(--gradient-1);background-size:cover;background-image:url('/background.jpg');overflow:hidden;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;font-family:'Bangers';text-align:center}input[type=text],input[type=password],input[type=email]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:7px;background:white;color:rgb(45,45,45);box-shadow:2px 3px 5px rgba(0,0,0,.25),-2px 3px 5px rgba(0,0,0,.15);border-radius:5px;margin:5px;}input[type=text]:focus,input[type=text]:active,input[type=password]:focus,input[type=password]:active,input[type=email]:focus,input[type=email]:active{-webkit-animation:.5s jiggle ease;animation:.5s jiggle ease;outline:none;}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:30px;background:var(--color-2);border-radius:5px;overflow:hidden;}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;background:var(--color-3);border-radius:4px;box-shadow:2px 3px 5px rgba(0,0,0,.3),-2px 3px 5px rgba(0,0,0,.25);}input[type=range]::-moz-range-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;background:var(--color-3);border-radius:4px;box-shadow:2px 3px 5px rgba(0,0,0,.3),-2px 3px 5px rgba(0,0,0,.25);}.white-text{color:white;}.logo{font-family:'Bangers';color:white;text-align:center;font-size:40px;height:60px;}.logo .pop{color:var(--color-3);font-size:50px;}.logo img{height:100%;width:auto;transform:translateY(25%);}.logo span{font-size:35px;}.main-menu,.rules,.scores,.ended-level,.account,.loader-container,.information{position:fixed;top:0;left:0;width:100vw;height:100%;background:linear-gradient(45deg,#1e50b4,#5a8cf0);background:var(--gradient-1);z-index:100;color:white;display:flex;align-items:center;justify-content:space-between;flex-direction:column;transition:transform .5s ease;}.loader-container{display:flex;justify-content:center;align-items:center;flex-direction:row;text-shadow:none;}.ended-level{transform:translateY(150vh);justify-content:space-evenly;letter-spacing:1.1px;background:var(--color-8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);}.flow{-webkit-animation:2s hop linear infinite;animation:2s hop linear infinite;}.information-container .button{padding:5px;padding-left:15px;padding-right:15px;}.popup-fix{text-shadow:none;text-align:left;}.popup-img img{box-shadow:2px 3px 5px rgba(0,0,0,.3),-2px 3px 5px rgba(0,0,0,.25);border-radius:3px;max-width:95%;height:auto;}@-webkit-keyframes hop{0%{transform:translateY(0)}10%{transform:translateY(-10%)}20%{transform:translateY(0)}30%{transform:translateY(-10%)}40%{transform:translateY(0)}100%{transform:translateY(0)}}@keyframes hop{0%{transform:translateY(0)}10%{transform:translateY(-10%)}20%{transform:translateY(0)}30%{transform:translateY(-10%)}40%{transform:translateY(0)}100%{transform:translateY(0)}}.rules,.scores,.account,.information{z-index:200;text-align:left;display:block;min-height:100vh;width:100%;overflow-y:auto;}.rules-container,.scores-container,.account-container,.information-container{padding:20px;max-width:400px;}.rules h4{color:var(--color-3);}a{text-decoration:none;color:inherit;}h1{color:var(--color-3);}.main-menu-up{transform:translateY(-150%);}.menu-down{transform:translate(150%);}.main-menu-footer{margin-bottom:10px;flex-shrink:0;}.main-menu-middle{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-shrink:0;}header{width:calc(100% - 40px);height:70px;display:flex;align-items:center;justify-content:space-between;padding-left:20px;padding-right:20px;}.flex-center{display:flex;align-items:center;justify-content:center;width:100%;}.flex-center-no-width{display:flex;align-items:center;justify-content:center;}.space-between{justify-content:space-between;}.right-buttons{height:100%;display:flex;align-items:center;justify-content:space-between;}footer{width:100%;height:70px;display:flex;align-items:center;justify-content:center;}::-webkit-scrollbar{-webkit-appearance:none;appearance:none;display:none;}::-webkit-scrollbar-track{-webkit-appearance:none;appearance:none;opacity:0}::-webkit-scrollbar-thumb{-webkit-appearance:none;appearance:none;opacity:0;}.gtb-alert-frame,.gtb-confirm-frame{max-height:80vh;color:var(--color-1);background-image:url('/background.jpg');background-size:cover;}.gtb-alert-header,.gtb-confirm-header{color:var(--color-1);}.gtb-button{background:var(--color-3);color:var(--color-1);}.gtb-yes-button,.gtb-no-button{border-bottom:none;}.game-container{display:flex;align-items:center;justify-content:flex-start;height:calc(100% - 140px);flex-direction:column;padding:0;margin:0;}svg{position:fixed;top:0;left:0;margin:auto;display:block;z-index:-1;-webkit-filter:drop-shadow(2px 3px 5px rgba(0,0,0,.12));filter:drop-shadow(2px 3px 5px rgba(0,0,0,.12))}.game-frame{border-radius:20px;border:1px solid rgba(0,0,0,.5);border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(0,0,0,.7);background:rgba(90,90,90,.8);box-shadow:2px 3px 5px rgba(0,0,0,.3),-2px 3px 5px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;padding:2.5px;padding-top:7px;padding-bottom:7px;opacity:0;transition:opacity .5s ease;}.game-frame-visible{opacity:1;}.display-box{position:relative;height:60%;min-width:40px;background:rgba(225,225,225,1);border-bottom:5px solid rgba(180,180,180,1);border-radius:10px;box-shadow:2px 3px 5px rgba(0,0,0,.25),-2px 3px 5px rgba(0,0,0,.16);display:flex;align-items:flex-end;justify-content:center;color:rgb(45,45,45);text-shadow:none;letter-spacing:1px;margin-left:15px;}.invisible{opacity:0;}.button,.main-menu header .button,input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;position:relative;width:-webkit-max-content;width:-moz-max-content;width:max-content;background:rgba(225,225,225,1);border-bottom:5px solid rgba(180,180,180,1);border-radius:10px;box-shadow:2px 3px 5px rgba(0,0,0,.25),-2px 3px 5px rgba(0,0,0,.16);display:flex;align-items:center;justify-content:center;color:rgb(45,45,45);font-size:22px;font-weight:900;padding:7px 9px;}.main-menu header .button{background:var(--color-3);color:white;border-bottom:5px solid var(--color-7)}.main-menu-middle .button,input[type=submit],.big-button{padding:7px;width:200px;text-transform:uppercase;background:var(--color-3);color:var(--color-1);font-family:'Bangers';border-bottom:5px solid var(--color-7);letter-spacing:2px;}.power-frame{width:100%;max-width:300px;display:flex;align-items:center;justify-content:space-evenly;}.power-frame .button{position:relative;}.power-frame .button span{position:absolute;display:block;display:flex;align-items:center;justify-content:center;margin:auto;right:-25%;top:-25%;background:rgb(135,135,135);font-size:13px;text-transform:uppercase;height:50%;width:50%;border-radius:5px;border-bottom:3px solid rgb(100,100,100);color:white;box-shadow:2px 3px 5px rgba(0,0,0,.25),-2px 3px 5px rgba(0,0,0,.16);font-family:Arial;}.display-frame{justify-content:left;}.main-menu-footer .button{margin-bottom:10px;}.game-mode-container{display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--color-3);flex-wrap:wrap;flex-shrink:shrink}.game-mode-option{position:relative;width:100px;height:40px;}.game-mode-option label{position:absolute;top:0;left:0;margin:auto;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;margin:auto;outline:none;border:none;border-radius:10px;}input[type=radio]:checked{box-shadow:2px 3px 5px rgba(0,0,0,.25),-2px 3px 5px rgba(0,0,0,.16);background:white;border-bottom:5px solid rgba(180,180,180,1);-webkit-animation:.5s jiggle ease;animation:.5s jiggle ease;}input[type=radio]:checked + label{color:black;}.button:active,.button:focus{outline:none;-webkit-animation:.5s jiggle ease;animation:.5s jiggle ease;}#level,#blocks,#time,#streak{font-size:20px;font-weight:900;padding-right:3px;padding-left:3px;}.label{position:absolute;display:block;display:flex;align-items:center;justify-content:center;margin:auto;left:-10%;top:0;background:rgb(135,135,135);font-size:.8em;text-transform:uppercase;height:40%;width:120%;border-radius:5px;border-bottom:3px solid rgb(100,100,100);color:white;}.block-frame{margin:0;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden;}.block-frame canvas{background:transparent;width:40px;height:40px;margin:5px;}.block-frame .game-block{transition:none;}.block-holder{background:rgba(150,150,150,.5);border:3px solid gray;border-radius:5px;margin:10px;}.game-column{flex:1;height:100%;width:100%;background:rgba(30,30,40,.5);background:transparent;border:1px solid rgba(0,0,0,.5);border-right:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3);border-radius:15px;box-shadow:inset 2px 2px 5px rgba(0,0,0,.2);margin:3px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;padding-left:0;padding-right:0;overflow:hidden;}.inner-column{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;margin:0;width:100%;transition:transform .5s ease;}.game-block{margin:1.5px;border:1px solid rgba(0,0,0,.5);border-top:1px solid rgba(255,255,255,.5);border-left:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(0,0,0,.7);border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:white;flex-shrink:0;box-shadow:inset 3px 3px 4px rgba(255,255,255,.4),inset -3px -3px 4px rgba(0,0,0,.3);}.block-frame .game-block{margin-left:5px;margin-right:5px;}.blue{background:blue;}.red{background:red;}.green{background:green;}.orange{background:orange;}.purple{background:purple;}.fuchsia{background:fuchsia;}.teal{background:teal;}.highlight{color:var(--color-3);}.fwCanvas{width:100%;height:100%;padding:0;margin:auto;position:fixed;top:0;left:0;z-index:120;transform:translateY(150vh);transition:all .5s ease;}.canvas-up{transform:translateY(0);}.jiggle{-webkit-animation:.5s jiggle ease;animation:.5s jiggle ease;}progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:30px;width:230px;overflow:hidden;position:relative}progress[value]::-webkit-progress-bar{background:var(--gradient-2);border-radius:5px;box-shadow:inset 1px 1px 1px rgba(0,0,0,.3),inset -1px -1px 1px rgba(255,255,255,.15);position:relative;overflow:hidden}progress[value]::-webkit-progress-value{background:linear-gradient(45deg,var(--color-7),var(--color-3));border-radius:5px;height:28px;background-size:cover;position:absolute;top:1px;left:1px;margin:auto;box-shadow:inset -2px -2px 2px rgba(0,0,0,.3),inset 2px 2px 2px rgba(255,255,255,.15);-webkit-transition:all .5s ease;transition:all .5s ease}.progress-plus-one{position:relative}.progress-plus-one::after{content:"+1";font-size:25px;font-weight:900;color:var(--color-3);z-index:100;position:absolute;background:transparent;width:30px;height:30px;bottom:0;right:0;margin:auto;display:block;-webkit-animation:1s plus-one ease forwards;animation:1s plus-one ease forwards}.plus-one{position:relative;}.plus-one::after{content:"+1";font-size:20px;color:var(--color-3);z-index:100;position:absolute;background:transparent;width:30px;height:30px;top:0;left:110%;margin:auto;display:block;-webkit-animation:1s plus-one ease;animation:1s plus-one ease;}.flex-container{width:100vw;height:100vh;padding:0;margin:0;display:flex;align-items:center;justify-content:center;flex-direction:column;}.password-reset-form{color:white;text-align:left;padding:10px;}.hide{display:none;}.toast{display:inline;align-items:center;justify-content:center;position:fixed;top:10px;left:0;right:0;margin:auto;padding:20px;background:linear-gradient(45deg,var(--color-5),var(--color-3));z-index:1000;color:white;text-transform:uppercase;box-shadow:2px 3px 5px rgba(0,0,0,.3);-webkit-animation:plop-in .5s ease forwards;animation:plop-in .5s ease forwards;text-align:center;}.pop{color:var(--color-3);font-size:1.5em;}.shake{-webkit-animation:shakey .5s ease infinite;animation:shakey .5s ease infinite}@-webkit-keyframes shakey{0%{transform:translateX(0)}25%{transform:translateX(-5%)}50%{transform:translateX(5%)}75%{transform:translateX(-5%)}100%{transform:translateX(0)}}@keyframes shakey{0%{transform:translateX(0)}25%{transform:translateX(-5%)}50%{transform:translateX(5%)}75%{transform:translateX(-5%)}100%{transform:translateX(0)}}@-webkit-keyframes plop-in{0%{transform:translate(0,-200%);}75%{transform:translate(0,20%);}100%{transform:translate(0,0);}}@keyframes plop-in{0%{transform:translate(0,-200%);}75%{transform:translate(0,20%);}100%{transform:translate(0,0);}}@-webkit-keyframes plus-one{from{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes plus-one{from{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@-webkit-keyframes jiggle{0%{transform:scaleX(1)}20%{transform:scaleX(1.1)}40%{transform:scaleX(.9)}60%{transform:scaleX(1.05)}80%{transform:scaleX(.95)}100%{transform:scaleX(1)}}@keyframes jiggle{0%{transform:scaleX(1)}20%{transform:scaleX(1.1)}40%{transform:scaleX(.9)}60%{transform:scaleX(1.05)}80%{transform:scaleX(.95)}100%{transform:scaleX(1)}}.loader{color:white;display:flex;align-items:center;justify-content:center;font-weight:bolder;font-size:16px;-webkit-animation:rotate var(--timer) ease infinite;animation:rotate var(--timer) ease infinite;}.letter{background:transparent;padding:3px;border-radius:50%;width:20px;height:20px;text-align:center;margin:2px;display:flex;align-items:center;justify-content:center;}.letter:nth-child(1){-webkit-animation:balls1 var(--timer) ease infinite;animation:balls1 var(--timer) ease infinite;}.letter:nth-child(2){-webkit-animation:balls2 var(--timer) ease infinite;animation:balls2 var(--timer) ease infinite;}.letter:nth-child(3){-webkit-animation:balls3 var(--timer) ease infinite;animation:balls3 var(--timer) ease infinite;}.letter:nth-child(4){-webkit-animation:balls var(--timer) ease infinite;animation:balls var(--timer) ease infinite;}.letter:nth-child(5){-webkit-animation:balls5 var(--timer) ease infinite;animation:balls5 var(--timer) ease infinite;}.letter:nth-child(6){-webkit-animation:balls6 var(--timer) ease infinite;animation:balls6 var(--timer) ease infinite;}.letter:nth-child(7){-webkit-animation:balls7 var(--timer) ease infinite;animation:balls7 var(--timer) ease infinite;}@-webkit-keyframes balls{0%{background:transparent}7%{transform:translateY(0)}8%{transform:translateY(-5px)}10%{transform:translateY(0)}20%{background:transparent}30%{background:white}70%{background:white}100%{background:transparent}}@keyframes balls{0%{background:transparent}7%{transform:translateY(0)}8%{transform:translateY(-5px)}10%{transform:translateY(0)}20%{background:transparent}30%{background:white}70%{background:white}100%{background:transparent}}@-webkit-keyframes balls1{0%{background:transparent}1%{transform:translateY(0)}2%{transform:translateY(-5px)}4%{transform:translateY(0)}20%{background:transparent}30%{background:white;transform:translate(0,0)}40%{transform:translate(40px,0)}60%{transform:translate(40px,0)}70%{background:white;transform:translate(0,0)}100%{background:transparent}}@keyframes balls1{0%{background:transparent}1%{transform:translateY(0)}2%{transform:translateY(-5px)}4%{transform:translateY(0)}20%{background:transparent}30%{background:white;transform:translate(0,0)}40%{transform:translate(40px,0)}60%{transform:translate(40px,0)}70%{background:white;transform:translate(0,0)}100%{background:transparent}}@-webkit-keyframes balls2{0%{background:transparent}3%{transform:translateY(0)}4%{transform:translateY(-5px)}6%{transform:translateY(0)}20%{background:transparent}30%{background:white;transform:translate(0,0)}40%{transform:translate(35px,40px)}60%{transform:translate(35px,40px)}70%{background:white;transform:translate(0,0)}100%{background:transparent}}@keyframes balls2{0%{background:transparent}3%{transform:translateY(0)}4%{transform:translateY(-5px)}6%{transform:translateY(0)}20%{background:transparent}30%{background:white;transform:translate(0,0)}40%{transform:translate(35px,40px)}60%{transform:translate(35px,40px)}70%{background:white;transform:translate(0,0)}100%{background:transparent}}@-webkit-keyframes balls3{0%{background:transparent}5%{transform:translateY(0)}6%{transform:translateY(-5px)}8%{transform:translateY(0)}20%{background:transparent}30%{background:white;transform:translate(0,0)}40%{transform:translate(5px,-40px)}60%{transform:translate(5px,-40px)}70%{background:white;transform:translate(0,0)}100%{background:transparent}}@keyframes balls3{0%{background:transparent}5%{transform:translateY(0)}6%{transform:translateY(-5px)}8%{transform:translateY(0)}20%{background:transparent}30%{background:white;transform:translate(0,0)}40%{transform:translate(5px,-40px)}60%{transform:translate(5px,-40px)}70%{background:white;transform:translate(0,0)}100%{background:transparent}}@-webkit-keyframes balls5{0%{background:transparent}9%{transform:translateY(0)}10%{transform:translateY(-5px)}12%{transform:translateY(0)}20%{background:transparent}30%{background:white;transform:translate(0,0)}40%{transform:translate(-5px,-40px)}60%{transform:translate(-5px,-40px)}70%{background:white;transform:translate(0,0)}100%{background:transparent}}@keyframes balls5{0%{background:transparent}9%{transform:translateY(0)}10%{transform:translateY(-5px)}12%{transform:translateY(0)}20%{background:transparent}30%{background:white;transform:translate(0,0)}40%{transform:translate(-5px,-40px)}60%{transform:translate(-5px,-40px)}70%{background:white;transform:translate(0,0)}100%{background:transparent}}@-webkit-keyframes balls6{0%{background:transparent}11%{transform:translateY(0)}12%{transform:translateY(-5px)}14%{transform:translateY(0)}20%{background:transparent}30%{background:white;transform:translate(0,0)}40%{transform:translate(-35px,40px)}60%{transform:translate(-35px,40px)}70%{background:white;transform:translate(0,0)}100%{background:transparent}}@keyframes balls6{0%{background:transparent}11%{transform:translateY(0)}12%{transform:translateY(-5px)}14%{transform:translateY(0)}20%{background:transparent}30%{background:white;transform:translate(0,0)}40%{transform:translate(-35px,40px)}60%{transform:translate(-35px,40px)}70%{background:white;transform:translate(0,0)}100%{background:transparent}}@-webkit-keyframes balls7{0%{background:transparent}13%{transform:translateY(0)}14%{transform:translateY(-5px)}16%{transform:translateY(0)}20%{background:transparent}30%{background:white;transform:translate(0,0)}40%{transform:translate(-40px,0)}60%{transform:translate(-40px,0)}70%{background:white;transform:translate(0,0)}100%{background:transparent}}@keyframes balls7{0%{background:transparent}13%{transform:translateY(0)}14%{transform:translateY(-5px)}16%{transform:translateY(0)}20%{background:transparent}30%{background:white;transform:translate(0,0)}40%{transform:translate(-40px,0)}60%{transform:translate(-40px,0)}70%{background:white;transform:translate(0,0)}100%{background:transparent}}@-webkit-keyframes rotate{0%{}45%{transform:rotateZ(0deg)}50%{transform:rotateZ(180deg)}55%{transform:rotateZ(0deg)}100%{}}@keyframes rotate{0%{}45%{transform:rotateZ(0deg)}50%{transform:rotateZ(180deg)}55%{transform:rotateZ(0deg)}100%{}}