.hangman{letter-spacing:.1em;text-align:center;margin:0;font-family:monospace;font-size:2.5rem;font-weight:700}.hangman-pop-enter-active{animation:.35s cubic-bezier(.175,.885,.32,1.275) both hangman-pop-in}.hangman-pop-leave-active{animation:.12s ease-in both hangman-pop-out}@keyframes hangman-pop-in{0%{opacity:0;transform:scale(.4)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes hangman-pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.letter-game-board{flex-direction:column;justify-content:center;align-items:center;gap:2ch;margin-top:2ch;display:flex;&>input{text-align:center;border-radius:2ch;width:15ch;height:10ch}& .letter-container{flex-wrap:wrap;gap:.75ch;display:flex;&>button{box-sizing:content-box;cursor:pointer;border:1px solid #000;border-radius:5px;min-width:3.5ch;padding:1ch}}& .good-guess{background:#acdba5;animation:.5s ease-in-out letter-game-board-good-guess}& .bad-guess{background:#c48e8e;animation:.5s ease-in-out letter-game-board-bad-guess}& .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@keyframes letter-game-board-good-guess{0%,to{scale:1}50%{scale:1.5}}@keyframes letter-game-board-bad-guess{0%,to{translate:0;scale:1}15%,45%,75%{translate:-15%}30%,60%,90%{translate:15%}50%{scale:.85}}.letter-help{justify-content:center;margin-top:2ch;display:flex}.letter-help__button{box-sizing:content-box;cursor:pointer;background:#f0ede3;border:2px solid #000;border-radius:50%;width:2.5ch;height:2.5ch;font-family:monospace;font-size:1.25em;font-weight:700;line-height:1}.letter-help__dialog{color:#000;background:#fdfbf5;border:3px solid #000;border-radius:1ch;width:min(92%,64ch);max-width:64ch;padding:0;font-family:monospace;box-shadow:8px 8px #000}.letter-help__dialog::backdrop{background:#00000080}.letter-help__header{border-bottom:2px solid #000;justify-content:space-between;align-items:center;gap:2ch;padding:1.5ch 2ch;display:flex}.letter-help__header h2{margin:0;font-size:1.25em}.letter-help__close{color:#000;cursor:pointer;background:#c48e8e;border:2px solid #000;border-radius:.5ch;padding:.25ch .6ch;font-weight:700;line-height:1}.letter-help__body{max-height:60vh;padding:0 2ch;overflow-y:auto}.letter-help__body h3{margin:1.5ch 0 .5ch;font-size:1em}.letter-help__body p{margin:.5ch 0;line-height:1.5}.letter-help__body code{background:#efe9d8;border-radius:.3ch;padding:.1ch .4ch}.letter-help__table{border-collapse:collapse;width:100%;margin:1ch 0}.letter-help__table th,.letter-help__table td{text-align:left;vertical-align:top;border:1px solid #000;padding:.75ch 1ch}.letter-help__table th{background:#efe9d8}.letter-help__expand{color:#555}.letter-help__ambiguous{flex-wrap:wrap;gap:1ch;display:flex}.letter-help__ambiguous code{font-size:1.1em}.letter-help__footer{text-align:right;border-top:2px solid #000;padding:1.5ch 2ch}.letter-help__done{color:#000;cursor:pointer;background:#acdba5;border:2px solid #000;border-radius:.5ch;padding:.5ch 1.5ch;font-family:monospace;font-weight:700}.alt-word-guess{& .sr-only[data-v-959a16c9]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}& .sr-only[data-v-959a16c9]:is(:focus,:focus-visible,:focus-within){width:auto;height:auto;padding:inherit;margin:inherit;clip:auto;white-space:normal;color:#000;background:#fff;outline:2px solid #000;position:relative;overflow:visible}}.word-guess-display{flex-direction:column;gap:2ch;font-family:monospace;display:flex;& .letter-input-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:3ch;display:flex;& .word{flex-wrap:wrap;display:flex;& :first-child{border-left-width:2px;border-top-left-radius:1ch;border-bottom-left-radius:1ch}& :last-child{border-right-width:2px;border-top-right-radius:1ch;border-bottom-right-radius:1ch}}& input{text-align:center;border:2px solid #000;border-width:2px 1px;width:2ch;min-width:2ch;padding:1ch;font-family:monospace;font-size:1.25em;font-weight:700;&:is(:focus,:focus-visible,:focus-within){z-index:2;outline-offset:1px;border-radius:0}}& .whitespace{visibility:hidden}& .letter-already-guessed{background:#c48e8e}& .guessed{background:#acdba5}}& .guess-button{cursor:pointer;z-index:1;transform-style:preserve-3d;background:#f0ede3;border:none;border-radius:20px;outline:3px solid #000;place-self:center;padding:.75em 1.5em;font-family:monospace;font-size:1.5em;font-weight:bolder;transition:transform 50ms;position:relative;&:is(:focus,:focus-visible,:focus-within){outline:3px solid #50a8c8}&:after{content:"";z-index:-1;background:#d7d4c8;border-radius:20px;outline:3px solid #000;display:block;position:absolute;inset:5px 0 0;transform:translate3d(0,10px,-1px)}&:active{translate:0 6px;&:after{transform:translate3d(0,4px,-1px)}}}& .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}& .sr-only:is(:focus,:focus-visible,:focus-within){width:auto;height:auto;padding:inherit;margin:inherit;clip:auto;white-space:normal;color:#000;background:#fff;outline:2px solid #000;position:relative;overflow:visible}}