#hangman-game{clear:both;font-family:Arial,sans-serif;font-size:1.6em;margin:0 auto;max-width:100%;overflow-x:scroll;text-align:center}
#hangman-game ul{padding-left:0}
#hangman-answer-placeholders,#hangman-available-characters{padding:2px}
#hangman-available-characters-list,#hangman-placeholders,.word-placeholder > ul{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;margin:3px auto}
.character-placeholder,.hangman-available-character,.word-placeholder{cursor:pointer;list-style-type:none!important}
.hangman-available-character{border:1px solid #000;border-radius:5px;box-shadow:1px 1px 2px #888;min-width:40px;text-align:center}
.hangman-available-character:hover{background-color:#ccc8}
.hangman-available-character.disabled{opacity:.3}
.word-placeholder{display:flex}
.character-placeholder{align-self:baseline;max-width:22px;padding:5px}
.character-placeholder.space{display:none}
.character-placeholder.given{margin:0;padding:0}
button#hangman-reset-game{background:#333;border-radius:5px;color:#fff;margin:2px 8px;padding:8px}
#hangman-figure{clear:both;display:inline-block;height:100%;padding:6px}
#hangman-canvas{border:2px solid #ddd;border-radius:5px}
@media (min-width: 480px) {
#hangman-game{overflow-x:hidden}
}