body,html{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;margin:1vh}.container{align-items:center;display:flex;flex-direction:column;gap:1vh;height:100%;justify-content:space-around;margin:auto;width:100%}h1,p{margin:2px}p{color:#5f5f5f;font-size:5px;font-weight:100}.boardContainer{grid-gap:1vh;display:grid;gap:1vh;grid-template-areas:"scoreboard mainBoard preViewBoard";grid-template-columns:.4fr 1fr .4fr;justify-content:center}.board{grid-area:mainBoard}.preViewContainer{grid-area:preViewBoard;margin-top:-10px}.scoreboard{grid-area:scoreboard}.stats{border:2px solid #a7a7a7;border-radius:10px;justify-content:space-around;padding:1vh 0;width:37.5vh}.stat,.stats{align-items:center;display:flex;flex-wrap:wrap}.stat{flex:1 1;flex-direction:column;justify-content:center}.stat
.name{color:#5f5f5f;font-size:9px}.stat
.name,.stat
.value{margin:1%;text-align:center}.stat
.value{font-size:small}.controls{align-items:center;display:flex;flex-direction:row;justify-content:space-around;width:37.5vh}.gamepad{align-items:center;display:grid;grid-template-areas:"a . b" ". c .";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;height:10vh;justify-items:center;width:15vh}.mainBoard{--heigth:75vh;--width:37.5vh;--max-heigth:100vw;--max-width:50vw;--columns:10;--rows:20;background-image:url(/static/media/mainBoardBG.86ee2224649faafaab83.svg);background-size:cover}.preViewBoard{--heigth:10vh;--width:10vh;--max-heigth:10vw;--max-width:10vw;--columns:4;--rows:4;background-image:url(/static/media/PreViewBoardBG.a4cdb0ee22389583e653.svg);background-size:cover}.board{border:2px solid #a7a7a7;border-radius:5px;display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(var(--rows),1fr);height:var(--heigth);max-height:var(--max-heigth);max-width:var(--max-width);position:relative;width:var(--width)}.block{justify-self:stretch}.blink{animation-duration:.4s;animation-name:animation_blink;animation-timing-function:ease-in}@keyframes animation_blink{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.I{background-color:#3498db;border:.5px solid #2c82c9}.J{background-color:#e74c3c;border:1px solid #c83a2c}.L{background-color:#2ecc71;border:1px solid #26ae5f}.O{background-color:#f39c12;border:1px solid #d6890a}.S{background-color:#9b59b6;border:1px solid #874ea2}.T{background-color:#1abc9c;border:1px solid #159d7e}.Z{background-color:#e67e22;border:1px solid #b76518}.ghost{opacity:.4}.control-button{background-image:url(/static/media/arrow.92a90e8101e384e689fa.svg);background-position:50% calc(50% + .1pc)}.control-button,.rotate-button{background-color:silver;background-repeat:no-repeat;background-size:45%}.rotate-button{background-image:url(/static/media/rotate.b99e27a645b6a233ba5b.svg);background-position:50% calc(50% + .04pc)}.start-button{background-color:#89d17b!important;background-image:url(/static/media/arrow.92a90e8101e384e689fa.svg);transform:rotate(-90deg)}.start-button,.stop-button{background-position:50% calc(50% + .04pc);background-repeat:no-repeat;background-size:45%}.stop-button{background-color:#d17b7b!important;background-image:url(/static/media/pause.bbdc6da310e8a87a01b4.svg)}.rapid-descent-button{background-color:#d2cb47!important;background-image:url(/static/media/arrow.92a90e8101e384e689fa.svg);background-position:50% calc(50% + .04pc);background-repeat:no-repeat;background-size:45%}.button{border:2px solid #a7a7a7;border-radius:4vh;box-shadow:inset 0 0 0 1px #0000004d;height:4vh;margin:0;text-align:center;width:4vh}.button:hover{opacity:78%}.key{background-color:#fff;border:1px solid #000;border-radius:5px;padding:5px}.key:hover{background-color:#ececec}table{border:2px solid #a7a7a7;border-radius:5px;font-size:9px;height:-webkit-fit-content;height:fit-content}thead th{color:#5f5f5f;font-weight:100}tbody td{font-weight:400;text-align:center}.popUp{background-color:#b3b3b3d3!important;border-radius:5px;flex-direction:column;height:20%;justify-content:space-between;margin:0 auto;min-height:150px;min-width:150px;padding:10px;position:absolute;text-align:center;z-index:1}.content,.popUp{align-items:center;display:flex}.content{gap:5px}.popUp form{align-items:center;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center}.popUp form .button{background-color:#fff;border:none;border-radius:5px;box-shadow:0 0 5px #d6d6d6;font-size:12px;height:auto;padding:5px;width:70%}.popUp form label{font-size:12px}.popUp form input{border:none;border-radius:5px;margin-top:10px;padding:5px;text-align:center}
/*# sourceMappingURL=main.d2d7626c.css.map*/