@import"https://fonts.googleapis.com/css2?family=Parkinsans:wght@300..800&display=swap";:root{--primary-color: #10212b;--lightgray-color: #1e3746;--cells-color: #122530b7;--green-color: #8fa464;--orange-color: #9b8149;--wrong-letter: #0e1a20;--wrong-key-letter: #455d69;--light-color: #effbdb}button,.button,.no-zoom{touch-action:manipulation;-webkit-tap-highlight-color:transparent}*{margin:0;padding:0;box-sizing:border-box;font-family:Parkinsans,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;color:var(--light-color)}#app{display:flex;flex-direction:column;justify-content:center;height:100%;overflow:hidden}html{background-color:var(--primary-color)}body{width:100%;height:100svh}main{width:100%;height:100%;margin:auto}.rows-container{display:flex;flex-direction:column;margin:30px auto auto;gap:10px;width:fit-content}input[type=text]{color:var(--light-color);width:60px;height:60px;border-radius:8px;margin:0 5px;font-size:35px;line-height:60px;text-align:center;text-transform:uppercase;background-color:var(--cells-color);border:2px solid var(--lightgray-color);caret-color:transparent;pointer-events:none}input[type=text]:focus{outline:none}.pop{animation:popAnim .15s ease-in-out}@keyframes popAnim{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.right_pos_let{background-color:var(--green-color)!important;border:none}.right_let{background-color:var(--orange-color)!important;border:none}.wrong_let{background-color:var(--wrong-letter)!important;border:none}.wrong_key_let{background-color:var(--wrong-key-letter)!important;color:var(--light-color)}input.flip{animation:flipAnim .6s ease-in-out forwards;transform-style:preserve-3d}@keyframes flipAnim{0%{transform:rotateX(0)}50%{transform:rotateX(90deg);background-color:var(--cells-color)}to{transform:rotateX(0)}}.keyboard{width:40%;height:200px;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;margin:20px auto auto;gap:10px}.keyboard-row{display:flex;width:100%;justify-content:space-between;align-self:center;justify-self:center}.key{flex:1 1 0;width:20px;height:50px;margin:0 3px;border-radius:8px;background-color:var(--light-color);color:var(--primary-color);font-weight:700;font-size:18px;outline:none;border:none;opacity:.7}.key:hover{filter:brightness(.8)}#title[data-v-ebb45b03]{position:relative;width:fit-content;margin:auto}h1[data-v-ebb45b03]{font-size:70px}span[data-v-ebb45b03]{color:#8fa464;font-style:italic;position:absolute;bottom:0;right:10px;font-size:20px}@media (max-width: 1200px){h1[data-v-ebb45b03]{font-size:50px}span[data-v-ebb45b03]{font-size:14px}}#win-box[data-v-03c18f70]{display:flex;flex-direction:column;gap:10px;width:250px;height:fit-content;padding:40px;text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);background-color:#0a151b;z-index:100;border-radius:20px;filter:blur(1.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:.9}#win-box span[data-v-03c18f70]{display:block}#win-box span span[data-v-03c18f70]{color:#8fa464}#win-box button[data-v-03c18f70]{border-radius:10px;outline:none;border:1.5px solid white;padding:5px;height:30px;width:75%;background-color:transparent;margin:auto;cursor:pointer}#lose-box[data-v-2be1677e]{display:flex;flex-direction:column;gap:10px;width:250px;height:fit-content;padding:40px;text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);background-color:#0a151b;z-index:100;border-radius:20px;filter:blur(1.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:.9}#lose-box span[data-v-2be1677e]{display:block}#lose-box span span[data-v-2be1677e]{color:#8fa464}#lose-box button[data-v-2be1677e]{border-radius:10px;outline:none;border:1.5px solid white;padding:5px;height:30px;width:75%;background-color:transparent;margin:auto;cursor:pointer}@media (max-width: 564px){input[type=text][data-v-9c002145]{color:var(--light-color);width:50px;height:50px;border-radius:8px;margin:0 5px;font-size:35px;line-height:60px;text-align:center;text-transform:uppercase;background-color:var(--cells-color);border:2px solid var(--lightgray-color);caret-color:transparent;pointer-events:none}.key[data-v-9c002145]{flex:1 1 0;max-width:70px;height:30px;margin:0 2px;border-radius:4px;border:none;font-size:17px}.keyboard[data-v-9c002145]{width:95%;height:200px;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;margin:auto;gap:10px}.keyboard-row[data-v-9c002145]{display:flex;width:100%;justify-content:space-between;align-self:center;justify-self:center}}@media (min-width: 564px) and (max-width: 1200px){input[type=text][data-v-9c002145]{color:var(--light-color);width:55px;height:55px;border-radius:8px;margin:0 5px;font-size:35px;line-height:60px;text-align:center;text-transform:uppercase;background-color:var(--cells-color);border:2px solid var(--lightgray-color);caret-color:transparent;pointer-events:none}.key[data-v-9c002145]{flex:1 1 0;max-width:110px;height:40px;margin:0 4px;border-radius:4px;border:none;font-size:17px}.keyboard[data-v-9c002145]{width:75%;height:200px;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;margin:auto;gap:10px}.keyboard-row[data-v-9c002145]{display:flex;width:100%;justify-content:space-between;align-self:center;justify-self:center}}