.button-area{padding:0 20px 20px;display:flex;justify-content:center}.gameBox{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;position:relative}.gameBox button{height:44px;width:44px;border:none;border-radius:9px;background-color:#ebebeb;padding:0;font-size:2.1rem;color:#ddd}.gameBox button:active{box-shadow:inset 0 0 15px #00000040;transform:translateY(0)}.gameBox button.clicked{box-shadow:inset 0 0 15px #00000040;background-color:#b4e4c4;color:#000}.gameBox button.wrong{box-shadow:inset 0 0 15px #00000040;background-color:#e4b4b4}@media screen and (max-width: 500px){.gameBox button{font-size:1.7rem}}.telaFinalBox{height:100vh;padding:20px}.telaFinalBox h1{font-size:4rem;margin-top:90px}.telaFinalBox p{font-size:1.9rem}.telaFinalBox img{width:100%;max-width:460px;border-radius:5px}.telaFinalBox hr{border:3px dashed #d7d7d7;border-radius:20px}.telaFinalBox div{display:flex;gap:10px;justify-content:center;align-items:center;padding-bottom:60px}.telaFinalBox .txtDesafioMaior{color:#a5a5a5;font-size:1.7rem;font-weight:300}.telaFinalBox .btnDesafioMaior{opacity:.3}.telaFinalBox .btnDesafioMaior:hover{opacity:1;transform:scale(1.5)}.jigsaw-puzzle{position:relative}.jigsaw-puzzle__piece{position:absolute;border:1px solid #cecece;cursor:pointer;z-index:1;user-select:none}.jigsaw-puzzle__piece.jigsaw-puzzle__piece--solved{border-color:#000;z-index:0}.jigsaw-puzzle__piece.jigsaw-puzzle__piece--dragging{z-index:5;box-shadow:1px 1px 5px #00000091}.emoticonsBox{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;position:relative}.emoticonsBox button{height:44px;width:44px;border:none;border-radius:9px;background-color:#f5f5f5;padding:0;font-size:2.1rem;color:#ddd;display:flex;justify-content:center;align-items:center}.emoticonsBox button img{width:32px}.emoticonsBox button:hover{background-color:#d7d7d7;border:2px dashed #959595}.emoticonsBox button:active{box-shadow:inset 0 0 15px #00000040;transform:translateY(0)}.emoticonsBox button.clicked{background-color:#f1f1f1;color:#000;border:2px dashed #8b8b8b}.infoIconButton{border:none!important;padding:5px!important;margin:-40px 0 0;display:flex;justify-content:center;align-items:center;align-content:space-between;border-radius:80px!important;background-color:#efefef!important;position:absolute;right:0;width:32px!important;height:32px!important;color:#9f9f9f!important}.modal-container{margin:20px;max-width:500px}.title{font-size:1.7rem;text-align:center;padding:0 20px;border-bottom:1px solid #000}.content{font-family:Mali,sans-serif;font-size:1.2rem;padding:20px;text-align:center}.button-area{padding:0 20px 20px;display:flex;justify-content:center;gap:20px}h3{margin:20px 0 12px}@media screen and (max-width: 500px){.content{font-size:1rem}}button.btnRecomecar{cursor:pointer;font-family:Josefin Sans,sans-serif;padding:5px 5px 0;font-size:1.5rem;border-radius:3px;border:none;font-weight:700;background-color:#e4e4e4;margin:3px;position:absolute;z-index:9;box-shadow:2px 2px 6px 2px #0000001f}button.btnRecomecar svg{color:#898989;width:18px}button.btnRecomecar:hover{background-color:#d6d6d6}button.btnRecomecar:active{transform:translateY(0)}body{margin:0;font-family:Josefin Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fdfdfd;overscroll-behavior-y:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100vh;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button{cursor:pointer;font-family:Josefin Sans,sans-serif;padding:12px 22px;font-size:1.5rem;border-radius:3px;border:1px solid #000000;font-weight:700;background-color:#e4e4e4}button:hover{background-color:#b8b8b8}button:active{transform:translateY(4px)}ul{list-style:none;margin-left:-30px}.jigsaw-puzzle{width:90vw;max-width:700px;max-height:90vh;border:2px dashed #ccc}.jigsaw-puzzle__piece{touch-action:none}.ReactModal__Overlay{z-index:999;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(5px)}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:center;width:100%;max-width:700px;height:100%;margin:0 auto}.textGradientEspecial{text-align:center;background:linear-gradient(to right,#258209 20%,#0e98e8 40%,#be4444 60%,#f5c118 80%);background-size:200% auto;color:#000;background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:shine 16s linear infinite;animation:shine 16s linear infinite}@-webkit-keyframes shine{to{background-position:200% center}}@keyframes shine{to{background-position:200% center}}