#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#000;font-family:VT323,monospace;font-weight:400;font-style:normal}#root:after,#root:before{display:none}#gamecontainer{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}#selectalias,#intro,.start{font-family:Gajraj One;text-align:center;background:#000;color:#fff!important;border:none;font-size:3rem;font-weight:700;outline:4px solid white;padding:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);z-index:1002}#intro{top:40%}.start{top:0;left:0;transform:none;position:relative;border-radius:0;display:inline-block;text-transform:uppercase;text-decoration:none;z-index:1001;padding:1rem 4rem;margin-bottom:2rem!important;transform-origin:center center}#intro{outline:none!important;border:none!important;background:none!important;box-shadow:none!important}#intro p{margin-top:3rem;font-family:VT323,monospace;font-size:1.5rem;max-width:35rem;text-align:center;margin-left:auto;margin-right:auto}.playbox{background:#00000059;outline:4px solid white;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);text-align:center;color:#fff!important;border:none;font-size:2rem;font-weight:700;padding:4rem 3rem;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);z-index:1002}.playbox .setsize{font-size:1.2rem;margin-top:2rem;display:grid;grid-template-columns:1fr 1fr;align-content:center;justify-content:center}.playbox .width{float:left}.playbox .width span,.playbox .height span{font-size:2rem;display:block}.playbox p:nth-child(3){font-size:1.2rem;margin-top:1rem;max-width:30rem}.playbox .sizebutton{width:3rem;height:3rem;margin:2px;border:none;font-size:2rem;font-weight:700;margin-top:.8rem}.playbox .sizebutton:hover{cursor:pointer;background:#ff0;color:#000}#selectalias{max-width:90vw;margin-top:0rem;position:relative;transform:none;left:0;top:0}.start:focus-visible,.start:focus{cursor:pointer;color:#000!important;outline-color:#ff0;background:#ff0;box-shadow:none;transform-origin:top left}.start:hover{cursor:pointer;color:#000!important;outline-color:#ff0;background:#ff0;box-shadow:0 0 4rem #ff0;transform-origin:top left}.start:active{transform-origin:center center;cursor:pointer;color:#000!important;outline-color:#ff0;background:#ff0;box-shadow:0 0 4rem #ff0;scale:.9}#darkoverlay{position:fixed;width:100%;height:100%;z-index:1000;top:0;left:0;content:"";-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#0006}#container{outline:8px solid rgba(255,255,255,.05);border-style:inset;border-color:#fff3;border-width:6px;background:#0006;position:relative;max-width:32rem;margin-top:3rem;width:52vh;z-index:100;animation:boxflash .1s infinite}#intro{animation:boxflash .1s infinite;background:linear-gradient(0deg,#09253e,#163c74);outline:none;border:4px solid royalblue;border-radius:.8rem;max-width:100%}@keyframes boxflash{0%{box-shadow:0 0 64px #529dff99}to{box-shadow:0 0 58px #529dff80}}@keyframes boxflashsmall{0%{box-shadow:0 0 16px #529dff99}to{box-shadow:0 0 12px #529dff80}}#intro h1,#container h1{background-image:url(https://diam.se/tetris/newfiles/tetrislogo.png);background-repeat:no-repeat;background-size:contain;width:640px;aspect-ratio:4/3;max-width:100%;margin-left:auto;margin-right:auto;font-size:10rem}#gamecontainer #container h1{position:absolute;left:50%;transform:translate(-50%);width:15rem!important;aspect-ratio:4/3;top:-6.5rem!important;background-size:contain}#gamecontainer #container h1 span,#intro h1 span{display:none}#intro h2{margin-top:-6rem;z-index:10000;position:relative;filter:drop-shadow(0px 0px 1px black) drop-shadow(0px 0px 1px black) drop-shadow(0px 0px 1px black);transform:skew(-10deg,-10deg);letter-spacing:.2rem}@keyframes bg-shift{0%{background-position:0 -25px}to{background-position:0 25px}}#intro h1 span,#container h1 span{filter:drop-shadow(0 0 1px white) drop-shadow(0 0 1px white) drop-shadow(0px .5rem 0px black) drop-shadow(0px 12px 24px black) drop-shadow(1px 1px 1px magenta)}#container h1{z-index:10;font-family:Gajraj One;position:absolute;text-align:center;font-size:clamp(1.2rem,8vh,5rem);top:-5rem;width:100%}#intro h1 span:nth-child(1),#container h1 span:nth-child(1){background:linear-gradient(0deg,#560000 16%,#ff2525 37%,#ffb9b9 51%,#ff2525 66%,#210000);color:transparent;background-size:contain;-webkit-background-clip:text;background-clip:text;animation:bg-shift .5s ease-in-out infinite alternate}#intro h1 span:nth-child(2),#container h1 span:nth-child(2){background:linear-gradient(0deg,#565000 16%,#ff9925 37%,#ffedb9 51%,#ff9625 66%,#211a00);color:transparent;background-size:contain;-webkit-background-clip:text;background-clip:text;animation:bg-shift .5s ease-in-out infinite alternate}#intro h1 span:nth-child(3),#container h1 span:nth-child(3){background:linear-gradient(0deg,#495600 16%,#ccff25 37%,#f1ffb9 51%,#b3ff25 66%,#182100);color:transparent;background-size:contain;-webkit-background-clip:text;background-clip:text;animation:bg-shift .5s ease-in-out infinite alternate}#intro h1 span:nth-child(4),#container h1 span:nth-child(4){background:linear-gradient(0deg,#005614 16%,#25ff2c 37%,#c0ffb9 51%,#25ff4d 66%,#052100);color:transparent;background-size:contain;-webkit-background-clip:text;background-clip:text;animation:bg-shift .5s ease-in-out infinite alternate}#intro h1 span:nth-child(5),#container h1 span:nth-child(5){background:linear-gradient(0deg,#004a56 16%,#25d0ff 37%,#b9f2ff 51%,#25d7ff 66%,#001721);color:transparent;background-size:contain;-webkit-background-clip:text;background-clip:text;animation:bg-shift .5s ease-in-out infinite alternate}#intro h1 span:nth-child(6),#container h1 span:nth-child(6){background:linear-gradient(0deg,#001456 16%,#255fff 37%,#b9d3ff 51%,#2579ff 66%,#000e21);color:transparent;background-size:contain;-webkit-background-clip:text;background-clip:text;animation:bg-shift .5s ease-in-out infinite alternate}.colorize{background-color:#6767ff;position:fixed;top:0;left:0;width:100%;height:100%;z-index:20;mix-blend-mode:overlay;opacity:.8}.colorize:after{position:fixed;width:100%;height:100%;left:0;top:0;content:"";display:block;mix-blend-mode:screen;background-image:url(./zoom-Tj406MSO.gif);background-repeat:no-repeat;background-position:center center;background-size:cover}.minigrid{margin:1rem;margin-top:2em;width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.minigrid div{aspect-ratio:1/1}.grid{max-width:100%;display:grid;grid-template-columns:repeat(12,1fr)}.grid div{border:1px solid rgba(255,255,255,.08);aspect-ratio:1/1;width:100%}.gamesymbols{width:15rem;font-family:Gajraj One;font-size:2rem;position:absolute;color:#fff;right:calc(50% + 28vh + 10px);top:10vh;text-align:right;animation:textflash .561s infinite;z-index:100}@keyframes textflash{0%{filter:drop-shadow(0 0 6px white)}to{filter:drop-shadow(0 0 2px white)}}.score,.level span,.lines span{font-size:8vh}.score{line-height:2.5rem;margin-bottom:2rem;font-size:3rem}#timer{font-size:.6rem;text-transform:uppercase}#timer div{font-size:1.2rem}#timer div span{display:inline-block;width:2.1rem}#btn-mute,#btn-fullscreen,#btn-back,#btn-credits,#btn-like,#btn-controls{position:fixed;top:1rem;right:1rem;z-index:10000;width:3rem;height:3rem;border:2px solid black;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDY0IDY0IiBoZWlnaHQ9IjY0cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA2NCA2NCIgd2lkdGg9IjY0cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0yMy43MjcsMTYuNDAzdjQuODR2NS4wNTh2MTQuMjM2Yy0xLjI2OC0wLjc3Ny0yLjc1NC0xLjIzMy00LjM1LTEuMjMzYy00LjYxMiwwLTguMzUzLDMuNzQtOC4zNTMsOC4zNDkgIGMwLDQuNjE0LDMuNzQsOC4zNTQsOC4zNTMsOC4zNTRjNC42MSwwLDguMzQ5LTMuNzM5LDguMzUtOC4zNTJoMFYyNS4xNTFsMjEuMjUtNi4xMDlWMzMuMzNjLTEuMjY4LTAuNzc3LTIuNzU0LTEuMjMzLTQuMzUtMS4yMzMgIGMtNC42MTQsMC04LjM1MywzLjczOS04LjM1Myw4LjM0OGMwLDQuNjEzLDMuNzM5LDguMzU0LDguMzUzLDguMzU0YzQuMzQ0LDAsNy45MTQtMy4zMjUsOC4zMS03LjU3aDAuMDRWMTcuODkydi0zLjU4NlY3Ljk5MyAgTDIzLjcyNywxNi40MDN6Ii8+PC9zdmc+);background-size:2rem;background-position:center center;background-repeat:no-repeat;filter:invert(1)}#btn-fullscreen{top:auto;bottom:1rem;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA2NCA2NCIgdmVyc2lvbj0iMS4xIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48Zz48cGF0aCBkPSJNNDYuMTUxLDkuMzY0TDQxLjkwOCwxMy42MDdDNDEuMTI3LDE0LjM4OCA0MS4xMjcsMTUuNjU0IDQxLjkwOCwxNi40MzVMNDcuNTY1LDIyLjA5MkM0OC4zNDYsMjIuODczIDQ5LjYxMiwyMi44NzMgNTAuMzk0LDIyLjA5Mkw1NC42MzYsMTcuODQ5TDU4Ljg3OSwyMi4wOTJDNTkuNDQsMjIuNjUzIDYwLjI4MSwyMi44MjkgNjEuMDIxLDIyLjU0QzYxLjc2MiwyMi4yNTEgNjIuMjU5LDIxLjU1MSA2Mi4yOTEsMjAuNzU3TDYyLjk5OCwzLjA3OUM2My4wMjEsMi41MjIgNjIuODA5LDEuOTggNjIuNDE0LDEuNTg2QzYyLjAyLDEuMTkxIDYxLjQ3OCwwLjk3OSA2MC45MiwxLjAwMUw0My4yNDMsMS43MDhDNDIuNDQ4LDEuNzQgNDEuNzQ5LDIuMjM5IDQxLjQ2LDIuOTc5QzQxLjE3LDMuNzE4IDQxLjM0Niw0LjU1OSA0MS45MDgsNS4xMjFMNDYuMTUxLDkuMzY0WiIvPjwvZz48Zz48cGF0aCBkPSJNOS4zNjQsMTcuODQ5TDEzLjYwNywyMi4wOTJDMTQuMzg4LDIyLjg3MyAxNS42NTQsMjIuODczIDE2LjQzNSwyMi4wOTJMMjIuMDkyLDE2LjQzNUMyMi44NzMsMTUuNjU0IDIyLjg3MywxNC4zODggMjIuMDkyLDEzLjYwNkwxNy44NDksOS4zNjRMMjIuMDkyLDUuMTIxQzIyLjY1Myw0LjU2IDIyLjgyOSwzLjcxOSAyMi41NCwyLjk3OUMyMi4yNTEsMi4yMzggMjEuNTUxLDEuNzQxIDIwLjc1NywxLjcwOUwzLjA3OSwxLjAwMkMyLjUyMiwwLjk3OSAxLjk4LDEuMTkxIDEuNTg2LDEuNTg2QzEuMTkxLDEuOTggMC45NzksMi41MjIgMS4wMDEsMy4wOEwxLjcwOCwyMC43NTdDMS43NCwyMS41NTIgMi4yMzksMjIuMjUxIDIuOTc5LDIyLjU0QzMuNzE4LDIyLjgzIDQuNTU5LDIyLjY1NCA1LjEyMSwyMi4wOTJMOS4zNjQsMTcuODQ5WiIvPjwvZz48Zz48cGF0aCBkPSJNMTcuODQ5LDU0LjYzNkwyMi4wOTIsNTAuMzkzQzIyLjg3Myw0OS42MTIgMjIuODczLDQ4LjM0NiAyMi4wOTIsNDcuNTY1TDE2LjQzNSw0MS45MDhDMTUuNjU0LDQxLjEyNyAxNC4zODgsNDEuMTI3IDEzLjYwNiw0MS45MDhMOS4zNjQsNDYuMTUxTDUuMTIxLDQxLjkwOEM0LjU2LDQxLjM0NyAzLjcxOSw0MS4xNzEgMi45NzksNDEuNDZDMi4yMzgsNDEuNzQ5IDEuNzQxLDQyLjQ0OSAxLjcwOSw0My4yNDNMMS4wMDIsNjAuOTIxQzAuOTc5LDYxLjQ3OCAxLjE5MSw2Mi4wMiAxLjU4Niw2Mi40MTRDMS45OCw2Mi44MDkgMi41MjIsNjMuMDIxIDMuMDgsNjIuOTk5TDIwLjc1Nyw2Mi4yOTJDMjEuNTUyLDYyLjI2IDIyLjI1MSw2MS43NjEgMjIuNTQsNjEuMDIxQzIyLjgzLDYwLjI4MiAyMi42NTQsNTkuNDQxIDIyLjA5Miw1OC44NzlMMTcuODQ5LDU0LjYzNloiLz48L2c+PGc+PHBhdGggZD0iTTU0LjYzNiw0Ni4xNTFMNTAuMzkzLDQxLjkwOEM0OS42MTIsNDEuMTI3IDQ4LjM0Niw0MS4xMjcgNDcuNTY1LDQxLjkwOEw0MS45MDgsNDcuNTY1QzQxLjEyNyw0OC4zNDYgNDEuMTI3LDQ5LjYxMiA0MS45MDgsNTAuMzk0TDQ2LjE1MSw1NC42MzZMNDEuOTA4LDU4Ljg3OUM0MS4zNDcsNTkuNDQgNDEuMTcxLDYwLjI4MSA0MS40Niw2MS4wMjFDNDEuNzQ5LDYxLjc2MiA0Mi40NDksNjIuMjU5IDQzLjI0Myw2Mi4yOTFMNjAuOTIxLDYyLjk5OEM2MS40NzgsNjMuMDIxIDYyLjAyLDYyLjgwOSA2Mi40MTQsNjIuNDE0QzYyLjgwOSw2Mi4wMiA2My4wMjEsNjEuNDc4IDYyLjk5OSw2MC45Mkw2Mi4yOTIsNDMuMjQzQzYyLjI2LDQyLjQ0OCA2MS43NjEsNDEuNzQ5IDYxLjAyMSw0MS40NkM2MC4yODIsNDEuMTcgNTkuNDQxLDQxLjM0NiA1OC44NzksNDEuOTA4TDU0LjYzNiw0Ni4xNTFaIi8+PC9nPjwvc3ZnPg==)}#btn-back{right:auto;left:1rem;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20?%3e%3csvg%20height='48px'%20version='1.1'%20viewBox='0%200%2048%2048'%20width='48px'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle/%3e%3cdesc/%3e%3cg%20fill='none'%20fill-rule='evenodd'%20id='Page-1'%20stroke='none'%20stroke-width='1'%3e%3cg%20id='Artboard-Copy'%20transform='translate(-107.000000,%20-729.000000)'%3e%3cpath%20d='M144.5396,753.9805%20C145.9536,753.9785%20146.9986,752.8735%20147.000591,751.4765%20C147.000591,750.0825%20145.8296,749.0035%20144.4146,749.0055%20L123.7146,749.0315%20L129.4776,743.3145%20C130.4776,742.3245%20130.4806,740.7245%20129.4816,739.7385%20C128.4836,738.7515%20126.8626,738.7535%20125.8626,739.7425%20L115.8946,749.5855%20L115.8256,749.6565%20C115.3186,750.1195%20115.000591,750.7815%20115.000591,751.5135%20C114.9986,752.2485%20115.3136,752.9105%20115.8206,753.3715%20L115.8906,753.4395%20L125.8356,763.2615%20C126.8336,764.2485%20128.4546,764.2465%20129.4556,763.2555%20C130.4566,762.2695%20130.4576,760.6685%20129.4596,759.6815%20L123.8386,754.0035%20L144.5396,753.9805%20Z'%20fill='%23000000'%20id='arrow2'/%3e%3cg%20id='slices'%20transform='translate(47.000000,%209.000000)'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e")}#btn-like{top:5rem;right:1rem;background-size:1.5rem;background-image:url(assets/icon-love.svg);background-position:center .7rem;height:5rem}#btn-like span{padding-top:2.8rem;width:100%;height:100%;display:block;text-align:center;font-weight:700;font-size:1.5rem;pointer-events:none}#btn-controls{top:11rem;right:1rem;background-image:url(assets/icon-controls.svg)}#btn-credits{top:15rem;right:1rem;background-image:url(assets/icon-info.svg)}#btn-mute:hover,#btn-fullscreen:hover,#btn-back:hover,#btn-like:hover,#btn-credits:hover,#btn-controls:hover{cursor:pointer;scale:1.2;background-color:#ff0;border-color:#ff0;filter:invert(0)}#btn-mute:active,#btn-fullscreen:active,#btn-back:active,#btn-like:active,#btn-credits:active,#btn-controls:active{scale:1}#credits-container,#controls-container{display:none;width:40rem;max-width:98%;font-family:Robot,sans-serif;position:fixed;top:50%;left:50%;z-index:50000;background:#fff;padding:2rem;transform:translate(-50%) translateY(-50%);box-shadow:0 .8rem 1.2rem 3px #000000b3}#credits-container #btn-closecredit,#controls-container #btn-closecontrols{width:3rem;height:3rem;position:absolute;top:1rem;right:1rem;background-image:url(src/assets/icon-close.svg);background-position:center center;background-repeat:no-repeat;background-size:2rem;border:2px solid black}#credits-container #btn-closecredit:hover,#controls-container #btn-closecontrols:hover{scale:1.05;cursor:pointer;background-color:#ff0;border-color:#ff0}#credit-container p{padding-top:1rem;padding-bottom:1rem}#credits-container h3{font-size:2rem}#credits-container h3 span{font-size:1rem}#credits-container .created{font-size:.8rem;color:gray;display:block;margin-bottom:.5rem}#credits-container .website,#credits-container .likes,#credits-container .plays{background:#000;color:#fff;padding:.5rem;display:inline-block;clear:both;margin-right:.2rem}#credits-container .website:hover{color:#ff0!important}#credits-container .small{margin-top:.5rem;color:gray;font-size:.9rem}.controlsgrid{margin-top:1rem;color:#fff;gap:1px;display:grid;grid-template-columns:2fr 2fr 6fr}.controlsgrid div{background:#000;padding:.7rem 1rem}.controlsgrid .keyname{font-size:.9rem;text-align:center;color:#ff0;font-weight:rgb(48,48,48)}.controlsgrid .description{color:#fff;background:#333}.liked{background-color:#fff;filter:invert(0)!important;border-color:#fff!important}.liked:hover{border-color:#ff0!important}.lines,.level,.comingsymbol{text-transform:uppercase;width:100%;font-size:1.2rem;font-family:Gajraj One;padding:3vh;margin-top:1rem;text-align:center;border-color:#fff6;z-index:10}.comingsymbol{width:auto;position:absolute;right:calc(50% - 28vh - 12.5rem);color:#fff;z-index:100;overflow:visible;padding:1rem;animation:textflash .561s infinite;aspect-ratio:1 / 1;width:12rem;outline:none}.comingsymbol .minigrid{animation:comingsymbol 2s ease-in-out infinite alternate}.comingsymbol:after{position:absolute;left:50%;width:350%;height:350%;top:50%;background:radial-gradient(circle,#163c7480,#489fed00 40%);transform:translate(-50%) translateY(-50%);content:"";z-index:-2;opacity:1;opacity:.5}@keyframes comingsymbol{0%{transform:translateY(0)}to{transform:translateY(-1rem)}}.lines{margin-top:10vh}.lines span,.level span{display:block;text-align:center}.tetromino{border:1px solid rgba(0,0,0,.1)!important;border-width:4px!important;border-style:solid;border-top-color:#fff3!important;border-left-color:#ffffff1a!important;border-bottom-color:#0000004d!important;background:#fff;box-shadow:0 0 64px #fff}.tetromino.red{box-shadow:0 0 64px red}.tetromino.orange{box-shadow:0 0 64px orange}.tetromino.yellow{box-shadow:0 0 64px #ff0}.tetromino.blue{box-shadow:0 0 64px #00f}.tetromino.purple{box-shadow:0 0 64px purple}.tetromino.green{box-shadow:0 0 64px green}#gameover{display:flex;justify-content:center;align-items:center;background:#0008;color:#fff;position:fixed;left:50%;top:50%;transform:translate(-50%) translateY(-50%);content:"";z-index:1001;text-align:center;width:100%;height:100%}#gameover .banner{margin-top:2rem;position:relative;bottom:0rem}.banner img{width:100%}#gameover h1{line-height:8rem;font-family:Gajraj One,sans-serif;text-transform:uppercase;white-space:nowrap;font-size:7rem;background:linear-gradient(0deg,#565300 16%,#fff825 37%,#f9ffb9 51%,#f4ff25 66%,#1d2100);color:transparent;background-size:contain;-webkit-background-clip:text;background-clip:text;animation:bg-shift .5s ease-in-out infinite alternate;filter:drop-shadow(0 0 1px white) drop-shadow(0 0 1px white) drop-shadow(0px .5rem 0px black) drop-shadow(0px 12px 24px black) drop-shadow(1px 1px 1px magenta)}#playagain{margin-top:2rem;padding:1rem 2rem;border:2px solid white;background:transparent;color:#fff;display:inline-block;margin-left:auto;margin-right:auto;font-family:Gajraj One,sans-serif;text-transform:uppercase;font-size:1.4rem}#playagain:hover{background-color:#ff0;color:#000;box-shadow:0 0 3rem #ff0;border-color:#ff0;cursor:pointer}#playagain:focus,#playagain:focus-visible{outline:none;background-color:#ff0;color:#000;border-color:#ff0;cursor:pointer}#playagain:active{scale:.9;background-color:#ff0;color:#000;box-shadow:0 0 3rem #ff0;border-color:#ff0;cursor:pointer}#highscores{margin-top:1rem;align-items:center;justify-items:center}#highscores .highscoretable{height:calc(90vh - 30rem);overflow-y:auto;scrollbar-width:thin;scrollbar-color:white transparent}#highscores p{filter:drop-shadow(0 0 1px black) drop-shadow(0 0 1px black) drop-shadow(0 0 1px black) drop-shadow(0 0 1px black);font-size:1.2rem;margin-bottom:1rem}#highscores .row,.yourscore{filter:drop-shadow(0 0 1px black) drop-shadow(0 0 1px black) drop-shadow(0 0 1px black) drop-shadow(0 0 1px black);font-size:1.2rem;margin-left:auto;margin-right:auto;max-width:960px;grid-gap:2rem;display:grid;grid-template-columns:1fr 3fr 4fr 2fr 3fr 3fr;border-radius:.4rem}.yourscore{border-bottom:1px solid rgba(255,255,0,.549);padding:.5rem;border-radius:0!important;padding-bottom:1rem!important}#highscores .row a{color:#ff0}#highscores .row a:hover{color:#fff}#highscores .row:hover{background:#000}#highscores .row.thead:hover{background:transparent}#highscores .row div:nth-child(1),#highscores .row div:nth-child(2),#highscores .row div:nth-child(7){text-align:left}#highscores .row div:nth-child(1),#highscores .row div:nth-child(3){color:#ff0}#highscores .row div:nth-child(3),#highscores .row div:nth-child(5),#highscores .row div:nth-child(6){text-align:right}#highscores .row{padding:.5rem;font-size:1.4rem;filter:drop-shadow(0 0 1px black) drop-shadow(0 0 1px black) drop-shadow(0 0 1px black) drop-shadow(0 0 1px black)}#highscores .thead{border-radius:0;text-transform:uppercase;font-size:1rem;border-bottom:1px solid rgba(255,255,0,.549);margin-bottom:.5rem}#backanim{position:fixed;width:100%;height:100%;content:"";top:0;left:0;z-index:50}#backanim i{width:8px;height:8px;box-shadow:0 0 8px 1px #ff0;border-radius:12px;background:#ff0;position:absolute;top:-10%;left:-10%;z-index:8}#backanim i:nth-child(1){animation:i1 18s ease-out infinite}#backanim i:nth-child(2){animation:i2 14s ease-out infinite;animation-delay:5s}#backanim i:nth-child(3){animation:i3 10s ease-out infinite;animation-delay:12s}#backanim i:nth-child(4){animation:i4 20s ease-out infinite;animation-delay:20s}@keyframes i1{0%{scale:2;top:-20px;right:-20px}5%{scale:0;top:50%;right:50%}to{scale:0;top:50%;right:50%}}@keyframes i2{0%{scale:2;top:-20px;left:-20px}5%{scale:0;top:50%;left:50%}to{scale:0;top:50%;left:50%}}@keyframes i3{0%{scale:2;top:-20px;left:40%}5%{scale:0;top:60%;left:50%}to{scale:0;top:60%;left:50%}}@keyframes i4{0%{scale:2;top:110%;left:20%}5%{scale:0;top:60%;left:50%}to{scale:0;top:60%;left:50%}}#backanim i:nth-child(5){top:-25rem;left:auto;right:30%;width:18rem;height:18rem;background-image:url(./moon-BfYm60aW.png);background-repeat:no-repeat;background-position:center center;background-color:transparent;border:none;box-shadow:0 0 64px 4px #fff,0 0 4px 1px #fff;filter:brightness(1);border-radius:100%;animation:moon 1500s linear infinite;z-index:-10000}@keyframes moon{0%{top:-25rem;right:10%}to{top:120%;right:-18rem}50%{top:120%;right:-35rem}}#backanim i:nth-child(6){top:auto;bottom:-20%;left:-10%;right:auto;width:40rem;height:40rem;background-image:url(./earth-45R0t8hB.png);background-repeat:no-repeat;background-position:center center;background-size:114%;background-color:transparent;border:none;box-shadow:0 0 24px 2px #4169e1;border-radius:100%;z-index:1100;filter:none;opacity:1;mix-blend-mode:normal}.addscore{transform-origin:right center;animation:scoreadd .3s ease-in-out 1 forwards}@keyframes scoreadd{0%{color:#ff0;scale:1.5}to{color:#fff;scale:1}}.fulldown{animation:fulldownanim .4s ease-in-out 1 forwards,boxflash .1s infinite!important}@keyframes fulldownanim{0%{filter:brightness(4);transform:translateY(0)}10%{transform:translateY(3rem)}20%{transform:translateY(-.1rem)}40%{transform:translateY(.6rem)}60%{filter:brightness(1);transform:translateY(0)}to{transform:translateY(0)}}.newscore{z-index:1000;position:fixed;left:50%;top:80%;transform:translate(-50%) translateY(-50%);color:#fff;font-size:2rem;line-height:2rem;font-family:Gajraj One;text-align:center;animation:newscore .8s ease-out 1 forwards;filter:drop-shadow(0 0 1px yellow) drop-shadow(0 0 4px yellow) drop-shadow(0 0 2rem yellow) drop-shadow(0 0 2rem yellow);transform-origin:top left}@keyframes newscore{0%{opacity:1;top:80%;scale:.5;color:#ff0}30%{color:#fff}70%{scale:1.5;opacity:1}to{opacity:0;top:60%;scale:1.5;color:#fff}}.newfastdown{z-index:1000;position:fixed;left:50%;top:40%;transform:translate(-50%) translateY(-50%);color:#fff;font-size:2rem;line-height:2rem;font-family:Gajraj One;text-align:center;animation:newfastdown .6s ease-out 1 forwards;filter:drop-shadow(0 0 1px yellow) drop-shadow(0 0 4px yellow) drop-shadow(0 0 2rem yellow) drop-shadow(0 0 2rem yellow);transform-origin:top left}@keyframes newfastdown{0%{opacity:1;scale:.5;color:#ff0}30%{color:#fff}80%{scale:1.5;opacity:1}to{opacity:0;scale:1.5;color:#fff}}.multiplier{text-transform:uppercase;text-align:left;font-family:Gajraj One;font-size:1rem;z-index:10;color:#fff;position:fixed;top:10vh;right:calc(50% - 28vh - 7.5rem);animation:textflash .561s infinite}.multiplier span{text-transform:lowercase;font-size:3rem}.winrow:after{display:block;width:100%;height:100%;top:0;left:0;content:"";background:#fff;animation:winrow 33ms linear infinite alternate;box-shadow:0 0 .4rem 1px #fff}@keyframes winrow{0%{opacity:.77}to{opacity:.25}}.lineupdate span,.levelupdate span{animation:scoreadd .3s ease-in-out 1 forwards}.border{border-width:4px!important;border-style:solid;border-top-color:#fff3!important;border-left-color:#ffffff1a!important;border-bottom-color:#0000001a!important;background:#4169e12f}.copyright{position:absolute;bottom:.75rem;left:50%;color:#fff;transform:translate(-50%);z-index:1001;font-size:.75rem;font-family:Roboto,sans-serif;opacity:.5}.copyright a{color:#fff}#settings{position:absolute;z-index:100000000;top:0;right:0}#startanim{position:fixed;top:0;left:0;width:100%;height:100%;display:block;z-index:5}#startanim i{opacity:0;border-radius:100%;content:"";position:fixed;top:50%;left:50%;transform:translate(-50%) translateY(-50%);width:100vw;height:100vw;border:4px solid yellow;display:block;transform-origin:top left;box-shadow:0 0 1rem #ff0,0 0 1rem #ff0 inset;animation:startanimation .6s ease-out 1 forwards}#startanim i:nth-child(2n){border:4px solid rgba(255,255,0,.692);animation:startanimation 1s ease-out .1s forwards!important}#startanim i:nth-child(3n){border:4px solid rgba(255,255,0,.424);animation:startanimation 1s ease-out .2s forwards!important}#startanim i:nth-child(4n){border:4px solid rgba(255,255,0,.288);animation:startanimation 1s ease-out .4s forwards!important}#startanim i:nth-child(n+4):nth-child(-n+23){display:none}@keyframes startanimation{0%{opacity:1;scale:0}90%{opacity:1}to{opacity:0;scale:2}}.tetromino.taken{animation:takenstart .2s ease-out 1 forwards}.newplace{box-shadow:0 0 1rem 1px #ffffff4d inset!important;border:1px solid rgba(255,255,255,.3)!important}@keyframes takenstart{0%{box-shadow:0 0 2rem .2rem #fff;filter:brightness(3)}to{box-shadow:0 0 #fff;filter:brightness(1)}}.red{background-color:red}.blue{background-color:#00f}.purple{background-color:purple}.white{background-color:#fff}.orange{background-color:orange}.yellow{background-color:#ff0}.green{background-color:green}.banner{z-index:10000;left:50%;position:absolute;bottom:4rem;transform:translate(-50%)}.banner:hover{animation:flash .33s ease-out 1 forwards}@keyframes flash{0%{filter:brightness(4)}to{filter:brightness(1)}}.level{margin-top:-4rem}#leftcontrols,#rightcontrols{display:none}#loader{position:fixed;width:100%;height:100%;top:0;left:0;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:100000}.loader{width:50px;padding:8px;aspect-ratio:1;border-radius:50%;background:#25b09b;--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s infinite linear}@keyframes l3{to{transform:rotate(1turn)}}#stars{background:#000 url(https://www.script-tutorials.com/demos/360/images/stars.png) repeat top center;z-index:0}#twinkling{background:transparent url(https://www.script-tutorials.com/demos/360/images/twinkling.png) repeat top center;z-index:1;-moz-animation:move-twink-back 200s linear infinite;-ms-animation:move-twink-back 200s linear infinite;-o-animation:move-twink-back 200s linear infinite;-webkit-animation:move-twink-back 200s linear infinite;animation:move-twink-back 200s linear infinite}#clouds{opacity:.5;background:transparent url(https://www.script-tutorials.com/demos/360/images/clouds3.png) repeat top center;z-index:3;filter:brightness(3.5);mix-blend-mode:screen;-moz-animation:move-clouds-back 200s linear infinite;-ms-animation:move-clouds-back 200s linear infinite;-o-animation:move-clouds-back 200s linear infinite;-webkit-animation:move-clouds-back 200s linear infinite;animation:move-clouds-back 200s linear infinite}@media (hover: none),(pointer: coarse){#rightcontrols{position:fixed;bottom:3rem;right:3rem;display:grid;width:13rem;height:13rem;z-index:1000}#a-button,#b-button,#z-button,#p-button{font-family:Gajraj One,sans-serif;font-size:2rem;display:flex;justify-content:center;align-items:center;color:#000;position:absolute;background:#ffffff4d;width:5rem;height:5rem;border-radius:100%}#a-button{right:0;bottom:6rem}#z-button{right:0;bottom:14rem}#b-button{right:5rem;bottom:0rem}#p-button{right:0;bottom:23rem}#leftcontrols{position:fixed;bottom:2rem;left:3rem;display:grid;width:13rem;height:13rem;z-index:1000}#uparrow{position:absolute;left:50%;transform:translate(-50%);top:0;width:3rem;height:5rem;background:#ffffff4d}#downarrow{position:absolute;left:50%;transform:translate(-50%);bottom:0;width:3rem;height:5rem;background:#ffffff4d}#leftarrow{position:absolute;left:0;transform:translateY(-50%);top:50%;width:5rem;height:3rem;background:#ffffff4d}#rightarrow{position:absolute;right:0;transform:translateY(-50%);top:50%;width:5rem;height:3rem;background:#ffffff4d}#a-button:active,#a-button:focus-visible,#b-button:active,#b-button:focus-visible,#z-button:active,#z-button:focus-visible,#uparrow:active,#uparrow:focus-visible,#downarrow:active,#downarrow:focus-visible,#leftarrow:active,#leftarrow:focus-visible,#rightarrow:active,#rightarrow:focus-visible,#p-button:active,#p-button:focus-visible{background:#fff}#rightarrow:after,#leftarrow:after,#uparrow:after,#downarrow:after{display:block;content:"";width:100%;height:100%}#rightarrow:after{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20?%3e%3csvg%20height='48px'%20version='1.1'%20viewBox='0%200%2048%2048'%20width='48px'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle/%3e%3cdesc/%3e%3cg%20fill='none'%20fill-rule='evenodd'%20id='Page-1'%20stroke='none'%20stroke-width='1'%3e%3cg%20id='Artboard-Copy'%20transform='translate(-107.000000,%20-729.000000)'%3e%3cpath%20d='M144.5396,753.9805%20C145.9536,753.9785%20146.9986,752.8735%20147.000591,751.4765%20C147.000591,750.0825%20145.8296,749.0035%20144.4146,749.0055%20L123.7146,749.0315%20L129.4776,743.3145%20C130.4776,742.3245%20130.4806,740.7245%20129.4816,739.7385%20C128.4836,738.7515%20126.8626,738.7535%20125.8626,739.7425%20L115.8946,749.5855%20L115.8256,749.6565%20C115.3186,750.1195%20115.000591,750.7815%20115.000591,751.5135%20C114.9986,752.2485%20115.3136,752.9105%20115.8206,753.3715%20L115.8906,753.4395%20L125.8356,763.2615%20C126.8336,764.2485%20128.4546,764.2465%20129.4556,763.2555%20C130.4566,762.2695%20130.4576,760.6685%20129.4596,759.6815%20L123.8386,754.0035%20L144.5396,753.9805%20Z'%20fill='%23000000'%20id='arrow2'/%3e%3cg%20id='slices'%20transform='translate(47.000000,%209.000000)'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:3rem;background-repeat:no-repeat;background-position:center center;rotate:180deg}#leftarrow:after{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20?%3e%3csvg%20height='48px'%20version='1.1'%20viewBox='0%200%2048%2048'%20width='48px'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle/%3e%3cdesc/%3e%3cg%20fill='none'%20fill-rule='evenodd'%20id='Page-1'%20stroke='none'%20stroke-width='1'%3e%3cg%20id='Artboard-Copy'%20transform='translate(-107.000000,%20-729.000000)'%3e%3cpath%20d='M144.5396,753.9805%20C145.9536,753.9785%20146.9986,752.8735%20147.000591,751.4765%20C147.000591,750.0825%20145.8296,749.0035%20144.4146,749.0055%20L123.7146,749.0315%20L129.4776,743.3145%20C130.4776,742.3245%20130.4806,740.7245%20129.4816,739.7385%20C128.4836,738.7515%20126.8626,738.7535%20125.8626,739.7425%20L115.8946,749.5855%20L115.8256,749.6565%20C115.3186,750.1195%20115.000591,750.7815%20115.000591,751.5135%20C114.9986,752.2485%20115.3136,752.9105%20115.8206,753.3715%20L115.8906,753.4395%20L125.8356,763.2615%20C126.8336,764.2485%20128.4546,764.2465%20129.4556,763.2555%20C130.4566,762.2695%20130.4576,760.6685%20129.4596,759.6815%20L123.8386,754.0035%20L144.5396,753.9805%20Z'%20fill='%23000000'%20id='arrow2'/%3e%3cg%20id='slices'%20transform='translate(47.000000,%209.000000)'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:3rem;background-repeat:no-repeat;background-position:center center}#uparrow:after{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20?%3e%3csvg%20height='48px'%20version='1.1'%20viewBox='0%200%2048%2048'%20width='48px'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle/%3e%3cdesc/%3e%3cg%20fill='none'%20fill-rule='evenodd'%20id='Page-1'%20stroke='none'%20stroke-width='1'%3e%3cg%20id='Artboard-Copy'%20transform='translate(-107.000000,%20-729.000000)'%3e%3cpath%20d='M144.5396,753.9805%20C145.9536,753.9785%20146.9986,752.8735%20147.000591,751.4765%20C147.000591,750.0825%20145.8296,749.0035%20144.4146,749.0055%20L123.7146,749.0315%20L129.4776,743.3145%20C130.4776,742.3245%20130.4806,740.7245%20129.4816,739.7385%20C128.4836,738.7515%20126.8626,738.7535%20125.8626,739.7425%20L115.8946,749.5855%20L115.8256,749.6565%20C115.3186,750.1195%20115.000591,750.7815%20115.000591,751.5135%20C114.9986,752.2485%20115.3136,752.9105%20115.8206,753.3715%20L115.8906,753.4395%20L125.8356,763.2615%20C126.8336,764.2485%20128.4546,764.2465%20129.4556,763.2555%20C130.4566,762.2695%20130.4576,760.6685%20129.4596,759.6815%20L123.8386,754.0035%20L144.5396,753.9805%20Z'%20fill='%23000000'%20id='arrow2'/%3e%3cg%20id='slices'%20transform='translate(47.000000,%209.000000)'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:3rem;background-repeat:no-repeat;background-position:center center;rotate:90deg}#downarrow:after{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20?%3e%3csvg%20height='48px'%20version='1.1'%20viewBox='0%200%2048%2048'%20width='48px'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle/%3e%3cdesc/%3e%3cg%20fill='none'%20fill-rule='evenodd'%20id='Page-1'%20stroke='none'%20stroke-width='1'%3e%3cg%20id='Artboard-Copy'%20transform='translate(-107.000000,%20-729.000000)'%3e%3cpath%20d='M144.5396,753.9805%20C145.9536,753.9785%20146.9986,752.8735%20147.000591,751.4765%20C147.000591,750.0825%20145.8296,749.0035%20144.4146,749.0055%20L123.7146,749.0315%20L129.4776,743.3145%20C130.4776,742.3245%20130.4806,740.7245%20129.4816,739.7385%20C128.4836,738.7515%20126.8626,738.7535%20125.8626,739.7425%20L115.8946,749.5855%20L115.8256,749.6565%20C115.3186,750.1195%20115.000591,750.7815%20115.000591,751.5135%20C114.9986,752.2485%20115.3136,752.9105%20115.8206,753.3715%20L115.8906,753.4395%20L125.8356,763.2615%20C126.8336,764.2485%20128.4546,764.2465%20129.4556,763.2555%20C130.4566,762.2695%20130.4576,760.6685%20129.4596,759.6815%20L123.8386,754.0035%20L144.5396,753.9805%20Z'%20fill='%23000000'%20id='arrow2'/%3e%3cg%20id='slices'%20transform='translate(47.000000,%209.000000)'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:3rem;background-repeat:no-repeat;background-position:center center;rotate:-90deg}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){#container{max-width:48rem;margin-top:3rem;margin-right:14rem;width:51vh}.gamesymbols{top:50%;transform:translateY(-50%);width:12rem;right:2rem}.alias,.score,#timer{text-align:left!important}.comingsymbol{top:36%;right:2rem}.addscore{transform-origin:left center}.lines{margin-top:26rem}.multiplier{top:23rem;width:13.5rem}#selectalias{width:70vw}.banner{bottom:6rem}#intro{top:30%}#backanim i:nth-child(6){bottom:-20rem;left:-20rem;opacity:1;filter:brightness(.4)}}@media only screen and (max-width: 512px) and (orientation: portrait){.gamesymbols{position:fixed;width:100%;height:100%;top:0rem;right:0rem;z-index:200}.alias{position:absolute;top:.5rem;left:0;text-align:center;font-size:1rem;width:100%}.score{position:absolute;top:1.2rem;left:0;text-align:center;font-size:1rem;width:100%}.addscore{transform-origin:center center}#container h1{display:none}.lines{margin-top:0;background:#fff3;width:5rem;position:absolute;left:.4rem;top:3.5rem;padding:.3rem;font-size:.7rem}.comingsymbol{margin-top:0;background:#fff3;width:5rem!important;position:absolute;left:.4rem;top:8.5rem!important;padding:.3rem!important;font-size:.7rem;z-index:200}.level{margin-top:0;background:#fff3;width:5rem;position:absolute;right:.4rem;top:3.5rem;padding:.3rem;font-size:.7rem}.multiplier{margin-top:0;background:#fff3;font-size:.7rem;position:absolute;right:.4rem;top:8.5rem;padding:.3rem;font-size:.67rem;z-index:200}.lines span,.level span,.multiplier span{display:block;width:100%;text-align:center;font-size:2rem}.gamesymbols,.multiplier,.comingsymbol{animation:none}#timer{position:absolute;top:2.8rem;left:0;text-align:center;font-size:1rem;width:100%}#timer div span{font-size:1rem}#timer h1{display:none;font-size:1rem}#darkoverlay{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:#000}#intro{top:30%}#intro h1{font-size:20vw}#selectalias{width:80vw;font-size:2rem}.banner{width:calc(100% - 8rem)}#btn-mute,#btn-fullscreen,#btn-back{width:2.5rem;height:2.5rem;background-size:1.5rem}.playbox{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:#000;width:80vw}.start{font-size:2rem;padding:.5rem 0;width:100%}.playbox p{font-size:1.2rem}#backanim i:nth-child(6){width:20rem;height:20rem;bottom:-10rem;left:-10rem;opacity:1;filter:brightness(.4)}#rightcontrols{bottom:0rem;right:1rem}#a-button,#b-button,#z-button,#p-button{width:4rem;height:4rem;font-size:1.5rem}#b-button{bottom:2rem;right:4rem}#z-button{bottom:12rem}#p-button{bottom:18rem}#leftarrow,#rightarrow,#uparrow,#downarrow{width:3rem;height:3rem}#leftcontrols{left:1rem;width:9rem;height:9rem;bottom:1rem}#container{margin-top:0;width:85%!important;animation:none;outline:none;border:none}#container h1{top:-3rem}#btn-back{top:.4rem;left:.4rem}#btn-mute{top:.4rem;right:.4rem}#btn-fullscreen{bottom:.4rem;right:.4rem}.minigrid{width:55%;animation:none!important}#gameovercontainer{top:0}#gameover h1{font-size:3rem;line-height:4rem}#intro h1 span,#container h1 span,#gameover h1{animation:none!important}#highscores{width:100%;padding:2rem}#highscores .row div:nth-child(6){display:none}#highscores .row{grid-template-columns:1fr 3fr 4fr 2fr 3fr;font-size:1rem}#backanim,.colorize,.colorize:after,#twinkling,#clouds{display:none!important}*{box-shadow:none!important}.newfastdown,.newscore{filter:none}.fulldown{box-shadow:none!important}#btn-like{top:auto;bottom:3.4rem;right:.4rem;width:2.5rem}#btn-controls{top:auto;bottom:8.8rem;right:.4rem;width:2.5rem}#btn-credits{top:auto;bottom:12.2rem;right:.4rem;width:2.5rem;background-size:1.5rem}}@keyframes move-twink-back{0%{background-position:0 0}to{background-position:-10000px 5000px}}@-webkit-keyframes move-twink-back{0%{background-position:0 0}to{background-position:-10000px 5000px}}@-moz-keyframes move-twink-back{0%{background-position:0 0}to{background-position:-10000px 5000px}}@-ms-keyframes move-twink-back{0%{background-position:0 0}to{background-position:-10000px 5000px}}@keyframes move-clouds-back{0%{background-position:0 0}to{background-position:10000px 0}}@-webkit-keyframes move-clouds-back{0%{background-position:0 0}to{background-position:10000px 0}}@-moz-keyframes move-clouds-back{0%{background-position:0 0}to{background-position:10000px 0}}@-ms-keyframes move-clouds-back{0%{background-position:0}to{background-position:10000px 0}}#stars,#twinkling,#clouds{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block}#stars{background:#000 url(https://www.script-tutorials.com/demos/360/images/stars.png) repeat top center;z-index:0}#twinkling{background:transparent url(https://www.script-tutorials.com/demos/360/images/twinkling.png) repeat top center;z-index:1;-moz-animation:move-twink-back 200s linear infinite;-ms-animation:move-twink-back 200s linear infinite;-o-animation:move-twink-back 200s linear infinite;-webkit-animation:move-twink-back 200s linear infinite;animation:move-twink-back 200s linear infinite}#clouds{opacity:.5;background:transparent url(https://www.script-tutorials.com/demos/360/images/clouds3.png) repeat top center;z-index:3;filter:brightness(3.5);mix-blend-mode:screen;-moz-animation:move-clouds-back 200s linear infinite;-ms-animation:move-clouds-back 200s linear infinite;-o-animation:move-clouds-back 200s linear infinite;-webkit-animation:move-clouds-back 200s linear infinite;animation:move-clouds-back 200s linear infinite}#darkoverlay,#backanim{background:#000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}#darkoverlay:before,#backanim:before,#backanim:after,#darkoverlay:after,#gameover:after,#gameover:before{display:block;content:"";width:100%;height:100%;z-index:-1;top:0;left:0;position:absolute;filter:brightness(3)}#darkoverlay:before,#backanim:before,#gameover:before{background-image:url(https://diam.se/tetris/newfiles/tile.jpg)!important}#darkoverlay:after,#backanim:after,#gameover:after{opacity:.8;background:radial-gradient(circle,#0000,#000)}#selectalias{background:#26074a;box-shadow:0 0 1rem 2px #000 inset}.start{background:#26074a}#highscores{padding:2rem;border:2px solid white;background:#2f095c}#highscores .row{filter:none!important}#highscores .row:hover{background:transparent}#stars,#clouds,#twinkling,#startanim,#backanim i,#colorize{display:none!important}#container{max-width:35rem;margin-top:3rem;width:60vh;border:none!important;outline:none!important;animation:none!important;background:transparent!important}#gamecontainer #container h1{top:-5rem!important;z-index:200}.grid div{background:#360a6a;border:none}.tetromino{border:1px solid white!important;outline:1px solid white;border-radius:.2rem;box-shadow:none!important;position:relative;z-index:10}.newplace{border:1px solid rgba(255,255,255,.5)!important;outline:1px solid rgba(255,255,255,.5);border-radius:.2rem;position:relative;z-index:10}.white{background:#bdbdbd!important}.yellow{background:#c5c506!important}.orange{background:#bf7e04!important}.red{background:#f33!important}.green{background:#185d18!important}.blue{background:#44f!important}.purple{background:#a605a6!important}.leftborder,.rightborder,.firstrow,.lastrow{background:transparent!important}.leftborder{border-right:2px solid white!important}.rightborder{border-left:2px solid white!important}.firstrow{border-bottom:2px solid white!important}.lastrow{border-top:2px solid white!important}.firstrow.leftborder{border-right:none!important;border-bottom:none!important}.firstrow.rightborder{border-left:none!important;border-bottom:none!important}.lastrow.leftborder{border-top:none!important;border-right:none!important}.lastrow.rightborder{border-top:none!important;border-left:none!important}.firstrow.tetromino{border:none!important;outline:none!important;border-bottom:2px solid white!important;background:transparent!important}.comingsymbol{background:#fff3;animation:none!important;border:2px solid white;top:5.3rem;width:13rem;padding-right:3rem;right:calc(50% - 28vh - 13.5rem);z-index:100}.gamesymbols{animation:none!important}.lines{background:#fff3;animation:none!important;border:2px solid white}.level{background:#fff3;animation:none!important;border:2px solid white;margin-top:1rem}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body{overflow:hidden;width:100%;height:100%}