body{margin:0}#game[data-v-8c48678c]{--border-color: #333;--off-white: #ddd;--gap-size: 10px;--total-width: 350px;--roundness: 2px;--button-unit: calc((var(--total-width) - 6 * var(--gap-size)) / 7);--wide-button-unit: calc((var(--total-width) - 3 * var(--gap-size)) / 4);width:100vw;height:100vh;background-color:#111;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:20px;font-family:Arial,Helvetica,sans-serif}#word-box[data-v-8c48678c]{position:relative;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}#found-words[data-v-8c48678c]{width:calc(var(--total-width) - 30px);height:290px;border-radius:var(--roundness);outline:2px solid var(--border-color);padding:15px;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start}#score[data-v-8c48678c]{position:absolute;width:100%;height:0;top:0;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}#score div[data-v-8c48678c]{width:max-content;color:var(--off-white);background-color:var(--border-color);padding:5px 8px;border-radius:var(--roundness)}#progress-bar[data-v-8c48678c]{display:inline-block;width:50px;height:12px;border-radius:var(--roundness);background-color:#222;margin-bottom:-1px}#progress-bar span[data-v-8c48678c]{display:block;height:100%;border-radius:var(--roundness);background-color:#ff0}.answer[data-v-8c48678c]{margin:5px 10px;color:var(--off-white)}.answer.pangram[data-v-8c48678c]{color:#ff0}#popup[data-v-8c48678c]{position:absolute;width:100%;height:0;bottom:0;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}#popup div[data-v-8c48678c]{width:max-content;color:var(--off-white);background-color:var(--border-color);padding:5px 8px;border-radius:var(--roundness)}#input[data-v-8c48678c]{margin:20px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:2px}.guess-letter[data-v-8c48678c]{color:#fff;font-size:xx-large}.guess-letter.key-letter[data-v-8c48678c]{color:#ff0}.guess-letter.invalid-letter[data-v-8c48678c]{color:var(--border-color)}#cursor[data-v-8c48678c]{height:1.4em;width:4px;border-radius:2px;background-color:var(--border-color)}button[data-v-8c48678c]{border:none;border-radius:var(--roundness);background-color:#222;color:var(--off-white);cursor:pointer}button[data-v-8c48678c]:active{outline:2px solid var(--border-color)}#options[data-v-8c48678c]{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:var(--gap-size)}.option-letter[data-v-8c48678c]{position:relative;width:var(--button-unit);height:var(--button-unit);font-size:x-large;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}.option-letter.key-letter[data-v-8c48678c]{color:#ff0}.letter-counter[data-v-8c48678c]{position:absolute;width:100%;height:0;bottom:-4px;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}.letter-counter div[data-v-8c48678c]{width:max-content;color:var(--off-white);background-color:var(--border-color);padding:0 3px;border-radius:var(--roundness);font-size:small}#actions[data-v-8c48678c]{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:var(--gap-size)}.action-btn[data-v-8c48678c]{width:var(--wide-button-unit);height:var(--button-unit);font-size:x-large}#spinner[data-v-8c48678c]{color:#fff;font-size:xx-large;animation:spin-8c48678c 2s linear infinite}@keyframes spin-8c48678c{0%{transform:rotate(0)}to{transform:rotate(1turn)}}