:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px}html,body,#root{background-image:url(../bg.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;height:100%;min-height:100%;margin:0}#root{flex-direction:column;justify-content:center;align-items:center;display:flex}:root{--color-correct:#538d4e;--color-present:#b59f3b;--color-absent:#131922b0;--color-background:#1a2e1db0;--color-white:#fff;--color-backspace:#c64c01;--color-enter:#00aeef;--color-keyboard-button:#9595a3fd}.app-container{border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:30px;padding:20px;display:flex;position:relative}.win-toast,.lose-toast,.invalid-word-toast{color:#000;pointer-events:none;text-align:center;white-space:pre-line;background-color:#fff;border:1px solid #030303;border-radius:4px;max-width:calc(100% - 13rem);margin-bottom:3rem;padding:.5rem 1.25rem;font-family:Tekton,sans-serif;font-size:min(1.25rem,4vw)}@media (height<=760px){.win-toast,.lose-toast,.invalid-word-toast{max-width:50%;font-size:min(1rem,3vw)}}.win-toast{background-color:var(--color-correct)}.lose-toast{background-color:var(--color-backspace)}.modal-overlay{z-index:100;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.toast-container{justify-content:flex-start;align-items:center;width:100%;max-width:20rem;height:min(5rem,8vh);display:flex;position:relative}.toast-icon{width:min(12rem,40vw,15vh);height:min(12rem,40vw,15vh);margin-bottom:-.2rem;position:absolute;bottom:0;right:0;-webkit-mask-image:linear-gradient(#000 75%,#00000080 90%,#0000 100%);mask-image:linear-gradient(#000 75%,#00000080 90%,#0000 100%)}.game-area{flex-direction:column;align-items:center;width:fit-content;display:flex}@font-face{font-family:Tekton;src:url(./Tekton-Bold-DwWzNnKk.woff2)format("woff2")}:root{--block-size:min(3.5rem, 16vw, 6vh)}@media (height<=760px){:root{--block-size:min(3.5rem, 16vw, 5vh)}.letter-block{font-size:min(1.75rem,8vw,2.5vh)}}.letter-block{width:var(--block-size);height:var(--block-size);text-transform:uppercase;color:#fff;background-color:#455ac5;border:2px solid #dbdbdb;border-radius:4px;justify-content:center;align-items:center;font-family:Tekton,sans-serif;font-size:min(1.75rem,8vw,4vh);display:flex}@media (height<=760px){.letter-block{font-size:min(1.75rem,8vw,2vh)}}.letter-block-active{color:#fff;background-color:#a5a5a5;border-color:#f1e9e9}.letter-block-correct{background-color:var(--color-correct)}.letter-block-present{background-color:var(--color-present)}.letter-block-absent{background-color:var(--color-absent)}.letter-block-empty{background-color:#455ac5}.letter-block-selected{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.letter-block-spent{border-color:#0000}.row-column{flex-direction:column;gap:6px;display:flex}@media (height<=760px){.row-column{gap:min(6px,.5vh)}}.keyboard-button{background-color:var(--color-keyboard-button);cursor:pointer;border:1px solid #0000;border-radius:7px;flex:1;justify-content:center;align-items:center;min-width:0;height:100%;padding:0;display:flex}.keyboard-button:active{background-color:#515675f8}.keyboard-button-correct{background-color:var(--color-correct)}.keyboard-button-present{background-color:var(--color-present)}.keyboard-button-absent{background-color:var(--color-absent)}.keyboard-button-label{color:#fff;text-transform:uppercase;-webkit-user-select:none;user-select:none;font-family:Roboto,sans-serif;font-size:1rem;font-weight:700}.keyboard-button-icon{object-fit:contain;width:24px;height:24px}.keyboard-button.wide{flex:2}.keyboard-button-backspace{background-color:var(--color-backspace);flex:1.7}.keyboard-button-enter{background-color:var(--color-enter);flex:2}.keyboard{box-sizing:border-box;background-color:#0000;flex-direction:column;gap:min(6px,1vh);width:95vw;max-width:460px;padding:6px;display:flex}.keyboard-row{flex-direction:row;justify-content:center;gap:4px;width:100%;height:48px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{color:#fff;text-align:center;box-sizing:border-box;background-color:#2d2d2d;border:1px solid #fff;border-radius:8px;min-width:200px;max-width:min(500px,100vw - 2rem);padding:2rem;font-family:Tekton,sans-serif;position:relative}.modal-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1rem;line-height:1;position:absolute;top:.5rem;right:.5rem}.modal h2{margin:0 0 1rem}.modal p{margin:0}.modal-won{background-color:#538d4e}.modal-lost{background-color:#c0392b}.streak-bar-container{background-color:#fff3;border:2px solid #fff;width:100%;max-width:250px;height:10px;margin:.5rem auto}.streak-bar{background-color:var(--color-enter);width:0%;height:100%;animation:1s ease-out .3s forwards fillBar}@keyframes fillBar{0%{width:0%}to{width:100%}}.streak-bar-labels{justify-content:space-between;width:100%;max-width:250px;margin:0 auto;font-size:.9rem;display:flex}.streak-bar-labels span:last-child{animation:.3s ease-out 1.3s forwards growNumber;display:inline-block}@keyframes growNumber{0%{transform:scale(1)}60%{transform:scale(2)}to{transform:scale(1.6)}}.how-to-play{text-align:left;flex-direction:column;gap:1rem;display:flex}.how-to-play p{margin:0;line-height:2}.modal.modal-how-to-play{background-color:#5b98bb}.demo-block{background-color:var(--color-keyboard-button);color:#fff;text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:7px;justify-content:center;align-items:center;min-width:1.8rem;padding:.2rem .5rem;font-family:Roboto,sans-serif;font-size:.85rem;font-weight:700;display:inline-flex}.demo-block-correct{background-color:var(--color-correct)}.demo-block-present{background-color:var(--color-present)}.demo-block-absent{background-color:var(--color-absent)}