.hangman-container{min-height:3rem;margin-bottom:2rem}.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)}}.modal{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}.modal::backdrop{background:#00000080}.modal__header{border-bottom:2px solid #000;justify-content:space-between;align-items:center;gap:2ch;padding:1.5ch 2ch;display:flex}.modal__header h2{margin:0;font-size:1.25em}.modal__close{color:#000;cursor:pointer;background:#c48e8e;border:2px solid #000;border-radius:.5ch;padding:.25ch .6ch;font-weight:700;line-height:1}.modal__footer{text-align:right;border-top:2px solid #000;padding:1.5ch 2ch}.settings{justify-content:center;display:flex}.settings__checkbox{align-items:center;gap:.5ch;margin:.5ch 0;display:flex;& input{accent-color:#acdba5}}.settings__button{color:#000;cursor:pointer;filter:drop-shadow(2px 2px #000);background:#acdba5;border:2px solid #000;border-radius:.5ch;padding:.5ch 1.5ch;font-family:monospace;font-weight:700}.settings__hint{color:#555;margin-top:.25ch;margin-left:4ch;font-size:.9em;font-style:italic;display:block}.settings__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}.settings__dialog::backdrop{background:#00000080}.settings__header{border-bottom:2px solid #000;justify-content:space-between;align-items:center;gap:2ch;padding:1.5ch 2ch;display:flex}.settings__header h2{margin:0;font-size:1.25em}.settings__close{color:#000;cursor:pointer;background:#c48e8e;border:2px solid #000;border-radius:.5ch;padding:.25ch .6ch;font-weight:700;line-height:1}.settings__body{max-height:60vh;padding:0 2ch;overflow-y:auto}.settings__body h3{margin:1.5ch 0 .5ch;font-size:1em}.settings__body p{margin:.5ch 0;line-height:1.5}.settings__body code{background:#efe9d8;border-radius:.3ch;padding:.1ch .4ch}.settings__table{border-collapse:collapse;width:100%;margin:1ch 0}.settings__table th,.settings__table td{text-align:left;vertical-align:top;border:1px solid #000;padding:.75ch 1ch}.settings__table th{background:#efe9d8}.settings__expand{color:#555}.settings__ambiguous{flex-wrap:wrap;gap:1ch;display:flex}.settings__ambiguous code{font-size:1.1em}.settings__footer{text-align:right;border-top:2px solid #000;padding:1.5ch 2ch}.settings__done{color:#000;cursor:pointer;background:#acdba5;border:2px solid #000;border-radius:.5ch;padding:.5ch 1.5ch;font-family:monospace;font-weight:700}.letter-game-board{flex-direction:column;justify-content:center;align-items:center;gap:2ch;margin-top:2ch;display:flex;&>input{filter:drop-shadow(4px 4px #000);text-align:center;background:#fdfbf5;border:2px solid #000;border-radius:2ch;width:15ch;height:3rem;&:focus{border:2px solid #50a8c8;outline:none}}& .letter-container{flex-wrap:wrap;justify-content:center;gap:1ch;max-width:50rem;display:flex;&>button{cursor:pointer;text-transform:uppercase;background:#fdfbf5;border:none;border-radius:20px;outline:2px solid #000;place-self:center;margin-bottom:.75em;padding:.75em 1.5em;font-family:monospace;font-size:1.5em;font-weight:bolder;position:relative;&>sup{color:#42424299;line-height:1;position:absolute;top:.2em;right:.5em}z-index:1;transform-style:preserve-3d;transition:transform 50ms;&:is(:focus,:focus-visible,:focus-within){outline:2px 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)}}&:hover{translate:0 3px;&:after{transform:translate3d(0,7px,-1px)}}&:disabled:not(.good-guess):not(.bad-guess){color:inherit;opacity:1;cursor:default}&.good-guess,&.bad-guess{color:#000;opacity:1;cursor:default;&:after{outline-color:#000}}&.good-guess{background:#acdba5;animation:.5s ease-in-out letter-game-board-good-guess;&:after{background:#7ea079}}&.bad-guess{background:#c48e8e;animation:.5s ease-in-out letter-game-board-bad-guess;&:after{background:#986565}}}}& .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;display:flex}.letter-help__button{color:#000;cursor:pointer;filter:drop-shadow(2px 2px #000);background:#acdba5;border:2px solid #000;border-radius:.5ch;padding:.5ch 1.5ch;font-family:monospace;font-weight:700}.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-d118ebb2]{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-d118ebb2]: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}}.game-timer{text-align:center;font-size:1.5rem;font-weight:700}.word-guess-display{flex-direction:column;gap:2ch;font-family:monospace;display:flex;& .word{filter:drop-shadow(4px 4px #000)}& .letter-input-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:3ch;font-size:1.5em;display:flex;& .word,& .skeleton-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;margin:4px 0;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{color:#000;text-transform:uppercase;background:#acdba5;font-weight:700}}& .guess-button{cursor:pointer;z-index:1;transform-style:preserve-3d;background:#fdfbf5;border:none;border-radius:20px;outline:2px 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)}}&:hover{translate:0 3px;&:after{transform:translate3d(0,7px,-1px)}}&.gg{color:#000;background:#d4e9ff;outline:2px solid #000;&:after{background:#b2c3d4}}}& .win-message{text-align:center;font-size:1.5em;& a{color:#1a5b1a;font-weight:700}}& .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}}body{background:#fdf7e5}.game-loader{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;display:flex}.spinner{border:.3rem solid #eadfbd;border-top-color:#463d2d;border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite spin}.error-backdrop{z-index:1000;background:#0006;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.error-modal{text-align:center;background:#fdf7e5;border-radius:.5rem;width:min(100%,25rem);padding:1.5rem;box-shadow:0 .5rem 2rem #00000040}.error-modal h2{margin-top:0}.error-modal button{color:#fff;cursor:pointer;background:#463d2d;border:0;border-radius:.25rem;padding:.6rem 1rem}.error-modal__message{color:#8d2929;font-weight:700}.error-modal__retry{color:#000;cursor:pointer;background:#acdba5;border:2px solid #000;border-radius:.5ch;padding:.5ch 1.5ch;font-family:monospace;font-weight:700}.error-modal__body{max-height:60vh;padding:0 2ch;overflow-y:auto}.game-actions{justify-content:center;align-items:center;gap:2ch;margin-top:2ch;display:flex}@keyframes spin{to{transform:rotate(360deg)}}
