:root{--block-height:5rem;--block-width:5rem;--block-rows-count:5;--block-columns-count:5;--background-color:#121212;--text-color:#fff}[data-theme=light]{--background-color:#fff;--text-color:#000}body{background-color:var(--background-color);color:var(--text-color);font-family:sans-serif;margin:0;overscroll-behavior:contain;text-align:center;transition:background-color .3s,color .3s;user-select:none}.first{height:3rem;width:3rem;fill:gray}.first-line{justify-content:space-between;margin:2px 7px;width:98vw}.first-line,.left,.right{align-items:center;display:flex}.left,.right{align-content:center;flex-direction:row;font-size:1.2rem;justify-content:center}.td-block{height:var(--block-height);width:var(--block-width)}.game-section{display:flex;max-height:90vh;max-width:98vw}#game-container{width:120%}.thirteen-blocks-and-patterns-container{align-items:center;border:1px solid red;border-radius:5px;display:flex;height:var(--block-height);margin-bottom:calc(var(--block-height)/6);overflow-x:scroll;padding:.2rem;scrollbar-width:none;text-align:center;width:calc(var(--block-width)*5 + 1rem);-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}.thirteen-block-and-pattern{align-items:center;display:flex;flex-direction:row;justify-content:center}.thirteen-block{font-size:calc(var(--block-width) - 1rem);height:var(--block-height);width:var(--block-width)}.td-pattern-block{font-size:.8rem;height:calc(var(--block-height)/3 - .5rem);width:calc(var(--block-width)/3 - .5rem)}.pattern{height:var(--block-height);width:var(--block-width)}.modal{background-color:#000;background-color:rgba(0,0,0,.4);display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.modal-content{background-color:var(--background-color);border:1px solid #888;color:var(--text-color);margin:15% auto;padding:20px;text-align:left;width:80%}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:var(--text-color);cursor:pointer;text-decoration:none}.blocks-information{text-align:left}ul{all:unset}li{margin-top:4px}.snackbar{background-color:var(--background-color);border:1px solid var(--text-color);border-radius:5px;padding:2px;position:absolute;z-index:9999}button{background:#111;border:none;border-radius:10px;color:#fff;cursor:pointer;outline:none;padding:.6em 2em;position:relative;touch-action:manipulation;user-select:none;-webkit-user-select:none;z-index:0}button:before{animation:glowing-button 20s linear infinite;background:linear-gradient(45deg,#6bceff,#ff6b6b,#ffd93d,#a1ff6b,#ffaa6b,#ff6bbf,#6bff94,#ff6bde,#6bffc8,#6bb1ff,#ff6b83,#ff6be2,#6bffb1);background-size:400%;border-radius:10px;content:"";filter:blur(5px);-webkit-filter:blur(5px);height:calc(100% + 4px);left:-2px;position:absolute;top:-2px;transition:opacity .3s ease-in-out;width:calc(100% + 4px);z-index:-1}@keyframes glowing-button{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}button:after{background:#222;border-radius:10px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}progress[value]{text-align:left;--w:200px;--b:linear-gradient(#fff8,#fff0),repeating-linear-gradient(135deg,#0003 0 10px,#0000 0 20px),linear-gradient(green 0 0) 0 /calc(var(--w)*0.4 - 100%) 1px,linear-gradient(orange 0 0) 0 /calc(var(--w)*0.8 - 100%) 1px,red;background-color:#d3d3d3;border-radius:50px;height:20px;width:var(--w)}progress[value]::-webkit-progress-bar{background-color:#d3d3d3;border-radius:50px}progress[value]::-webkit-progress-value{background:var(--b);border-radius:50px}progress[value]::-moz-progress-bar{background:var(--b);border-radius:50px}