h2,h1{text-align:center}a{text-decoration:none}a:hover{text-decoration:underline}body{font-family:Segoe UI,Noto Sans,Helvetica,Arial,sans-serif}.word{--word-size: 100%;width:var(--word-size);background-color:bisque;border-radius:10px;box-sizing:border-box;align-content:center;align-items:center;justify-content:center;text-align:center;display:flex;aspect-ratio:1;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;cursor:pointer}.animateClick{--animation-time: .35s;--animation-description: bounce var(--animation-time) cubic-bezier(.71,.89,1,1.55);-webkit-animation:var(--animation-description);animation:var(--animation-description)}@keyframes bounce{0%{transform:scale(1)}60%{transform:scale(.93)}to{transform:scale(1)}}.scaletext-wrapper{text-align:center;justify-content:center;align-content:center}.animateClick.teste{position:absolute;top:500px;animation:var(--animation-description) infinite}.wordGuess{--word-size: 104.7px;width:100%;border-radius:10px;text-align:center}.gameTableParent{--percentage:35%;--right-percentage: calc(100% - var(--percentage));justify-content:center;align-items:center;width:100%;height:100%}.gameTable{display:grid;width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);align-self:center;gap:6px;max-width:400px;margin:0 auto}.gameTableForGuess{display:grid;width:100%;align-self:center;justify-self:center;gap:6px;padding-bottom:6px;max-width:400px;margin:0 auto}.connectionButton{background-color:#000;color:#fff;border-radius:10px;padding:10px;border-style:none;font-size:14px;cursor:pointer}.buttonParents{display:flex;justify-content:center;gap:8px;margin-left:8px}.connectionButton:first-child>.buttonParents{margin-right:auto}.connectionButton:last-child>.buttonParents{margin-left:auto}.connectionButton:disabled{background-color:#dcdcdc;color:#000;cursor:default}.animateShake{--animation-time: .45s;--animation-description: shake var(--animation-time) linear;-webkit-animation:var(--animation-description);animation:var(--animation-description) infinite}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.guessGridResult{display:grid;grid-template-columns:minmax(0,1fr);width:100%;align-self:center;justify-self:center;margin:0 auto;max-width:200px}.guessSquareLine{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);align-self:center;justify-self:center;gap:10px;padding-top:4px}.guessSquare{height:50px;width:50px;border-radius:6px}
