.container{max-width:800px;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;align-items:center}.game-result{font-size:2rem;text-align:center}.hangman-drawing{position:relative}.bottom-bar{height:10px;width:250px;background:#000}.upright-bar{height:400px;width:10px;background:#000;margin-left:120px}.hang-bar{height:10px;width:200px;background:#000;margin-left:120px}.drop-bar{height:50px;width:10px;background:#000;position:absolute;top:0;right:0}.hangman-head{width:50px;height:50px;border-radius:100%;border:10px solid black;position:absolute;top:50px;right:-30px}.hangman-body{width:10px;height:100px;background:#000;position:absolute;top:120px;right:0}.right-arm{width:100px;height:10px;background:#000;position:absolute;top:150px;right:-100px;rotate:-30deg;transform-origin:left bottom}.left-arm{width:100px;height:10px;background:#000;position:absolute;top:150px;right:10px;rotate:30deg;transform-origin:right bottom}.right-leg{width:100px;height:10px;background:#000;position:absolute;top:210px;right:-90px;rotate:60deg;transform-origin:left bottom}.left-leg{width:100px;height:10px;background:#000;position:absolute;top:210px;right:0;rotate:-60deg;transform-origin:right bottom}.hangman-word{display:flex;gap:2rem;font-size:6rem;font-weight:700;text-transform:uppercase;font-family:monospace}.word-letter{border-bottom:.1em solid black}.keyboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(75px,1fr));gap:.5rem}button{width:100%}.keys-button{border:3px solid black;background:none;aspect-ratio:1 / 1;font-size:2rem;padding:.5rem;font-weight:700;cursor:pointer;color:#000}.keys-button:hover:not(:disabled),.keys-button:focus:not(:disabled),.keys-button:hover,.keys-button:focus{background-color:#80d4ff}.keys-button.active{background-color:#0af;color:#fff;cursor:not-allowed}.keys-button.inactive{opacity:.3;cursor:not-allowed}