html{font-family:Figtree,sans-serif;font-optical-sizing:auto;font-size:20px;font-weight:400;font-style:normal;height:100%;margin:0;padding:0}body{margin:0;padding:0;height:100%}strong{font-weight:600}app-root{display:block;height:100%;position:relative}.loader{width:4px;color:#aa7e0f;aspect-ratio:1;border-radius:50%;box-shadow:19px -19px,38px -19px,57px -19px,19px 0 0 5px,38px 0 0 5px,57px 0 0 5px,19px 19px,38px 19px,57px 19px;transform:translate(-38px);animation:loader-anim 2s infinite linear}@keyframes loader-anim{12.5%{box-shadow:19px -19px,38px -19px,57px -19px 0 5px,19px 0 0 5px,38px 0,57px 0 0 5px,19px 19px,38px 19px,57px 19px}25%{box-shadow:19px -19px 0 5px,38px -19px,57px -19px 0 5px,19px 0,38px 0,57px 0,19px 19px,38px 19px 0 5px,57px 19px}50%{box-shadow:19px -19px 0 5px,38px -19px 0 5px,57px -19px,19px 0,38px 0,57px 0,19px 19px,38px 19px,57px 19px 0 5px}62.5%{box-shadow:19px -19px,38px -19px,57px -19px,19px 0 0 5px,38px 0,57px 0,19px 19px,38px 19px 0 5px,57px 19px 0 5px}75%{box-shadow:19px -19px,38px -19px 0 5px,57px -19px,19px 0,38px 0,57px 0 0 5px,19px 19px,38px 19px,57px 19px 0 5px}87.5%{box-shadow:19px -19px,38px -19px 0 5px,57px -19px,19px 0,38px 0 0 5px,57px 0,19px 19px 0 5px,38px 19px,57px 19px}}.game-container{padding:1rem .5rem 0;box-sizing:border-box;height:100%;display:flex;flex-direction:column;position:relative;max-width:1000px;margin:0 auto}.char-container{display:flex;flex-direction:column;gap:.5rem;align-items:center}.char-container.disabled{pointer-events:none}.row-1,.row-2,.row-3{display:flex;flex-direction:row;align-items:center;justify-items:center;gap:.5rem;position:relative}.char{display:flex;width:3rem;height:3rem;background-color:#fff;color:#000;border:1px solid #909090;filter:drop-shadow(0 0 2px rgba(0,80,180,.2));border-radius:.5rem;font-size:1.7rem;line-height:3rem;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:700;font-style:normal}.char:hover{box-shadow:0 0 6px #37376380}.char:active{font-size:1.5rem;background-color:#0050b433}.char.special{background-color:#deb887}.words-container{flex:1;display:flex;flex-direction:column;overflow:auto}.words-list{display:grid;grid-template-columns:1fr 1fr 1fr;min-height:min-content;padding-bottom:.5rem;gap:.4rem}.word-container{flex:1;padding:.3rem;border:1px solid rgba(60,60,60,.7);border-radius:.5rem;font-size:1.5rem;color:#465078;height:2rem;display:flex;flex-direction:row;gap:3px;overflow:hidden;background-color:#fff}.word-typed{flex:1;align-content:center;overflow:auto}.msg-container{height:1.5rem;padding:.5rem 2rem;background:none;position:absolute;top:.5rem;color:#fff;font-weight:600;border-radius:.5rem;left:50%;transform:translate(-50%);white-space:nowrap}.msg-container.valid{background-color:#427c12cc}.msg-container.invalid{background-color:#9c0808cc}.msg-container.not-word{background-color:#aa4c08cc}.guess-button button{flex:0;min-width:2.7rem;height:100%;border:none;border-radius:.5rem;background-color:#616d9d;color:#fff;font-weight:700;-webkit-user-select:none;user-select:none}.guess-button button .icon{font-size:2rem}.backspace button{min-width:3rem;height:100%;border:none;border-left:1px solid rgb(150,150,150);background:none;-webkit-user-select:none;user-select:none}.backspace button .icon{font-size:2rem}.guessing-panel{display:flex;flex-direction:row;gap:3px;width:100%;margin-top:1rem;filter:drop-shadow(0 0 2px rgba(0,80,180,.2))}.answers{margin-top:1rem;overflow:hidden;flex:1;display:flex;flex-direction:column;position:relative}.answers-inner{height:100%;display:flex;flex-direction:column;flex:1}.answers .title{border-top:1px solid rgb(150,150,150);padding:.5rem 0}.score,.title{display:flex;flex-direction:row;gap:1rem}.score{justify-content:center;align-items:center;padding-bottom:2rem;font-size:1.5rem}.score .icon{font-size:2rem;color:#aa7e0f}.guessed{white-space:nowrap}.pangram{color:#6da52d}.pangram:after{content:" *"}.guessed.not-found,.guessed.not-found.pangram{color:#be1313}.shuffle{position:absolute;bottom:.5rem;left:calc(100% + 2rem);border:1px solid #909090;aspect-ratio:1 / 1;width:2rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.shuffle .icon{font-size:1.3rem}.shuffle:hover{box-shadow:0 0 6px #37376380}.shuffle:active .icon{font-size:1.1rem}.loading-container{display:flex;flex-direction:column;padding-top:20vh;justify-content:center;align-items:center;width:100%}.loading-message{font-size:2rem;margin-bottom:2rem;text-align:center}.loading-container .icon--large{font-size:3rem}.loading-container .reload{display:flex;flex-direction:row;justify-content:center;gap:.5rem;color:#3434a6;margin-top:2rem;cursor:pointer}.confetti-message .reload{display:flex;flex-direction:row;justify-content:center;gap:.5rem;color:#3434a6;margin-top:2rem;font-size:1rem;cursor:pointer}.total-words{color:#909090;font-size:.85rem;align-content:center}:root{--score: 0%}.score-line{margin-bottom:1rem;position:relative}.score-line-total,.score-line-current{height:4px;position:absolute;top:0;left:0}.score-line-total{width:100%;background-color:#f0f0f0}.score-line-current{width:var(--score);background-color:#60b040}.menu-button{position:absolute;right:.5rem;top:1.5rem;cursor:pointer;z-index:110}.menu-button .icon{font-size:1.5rem}.menu{border-radius:.5rem;padding:1rem 0;box-shadow:0 0 15px #00000080;width:min-content;position:absolute;left:50%;transform:translate(-50%);top:15%;background-color:#fff;z-index:200}.uniq-id{padding:0 1rem .3rem}.id-input{padding:0 1rem}.id-input input{font-size:1.25rem;padding:.2rem .5rem;border:1px solid #555;border-radius:.2rem;width:8rem;text-align:center}.menu-option{display:flex;flex-direction:row;align-items:center;gap:1rem;white-space:nowrap;margin-bottom:.5rem;font-size:1.25rem;padding:.2rem 1rem;-webkit-user-select:none;user-select:none}.menu-option:hover,.menu-option:active{background-color:#e0e0e0}.menu-option .icon{font-size:1.75rem;color:#aa7e0f}.game-container.dimmed{filter:blur(2px) opacity(.5)}.overlay{background-color:#50507880;z-index:150;position:absolute;top:0;left:0;width:100%;height:100%}.game-container.dimmed .overlay{display:block}@media (max-height: 667px){.game-container{display:block}.guessing-panel{margin-top:.5rem}.score-line{margin-bottom:.5rem}.score{padding-bottom:1rem}}@media (max-width: 460px){.answers-inner{font-size:.9rem}.title{gap:.5rem}}.confetti-container{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;z-index:100}.confetti{width:12px;height:18px;background-color:#f2d74e;position:absolute;left:50%;animation:confetti 5s linear -2s infinite;transform-origin:left top}.confetti:nth-child(1){background-color:#f2d74e;left:10%;animation-delay:0s}.confetti:nth-child(2){background-color:#95c3de;left:20%;animation-delay:-4.5s}.confetti:nth-child(3){background-color:#ff9a91;left:30%;animation-delay:-3s}.confetti:nth-child(4){background-color:#f2d74e;left:40%;animation-delay:-2.5s}.confetti:nth-child(5){background-color:#95c3de;left:50%;animation-delay:-4s}.confetti:nth-child(6){background-color:#ff9a91;left:60%;animation-delay:-4.3s}.confetti:nth-child(7){background-color:#f2d74e;left:70%;animation-delay:-1.5s}.confetti:nth-child(8){background-color:#95c3de;left:80%;animation-delay:-2s}.confetti:nth-child(9){background-color:#ff9a91;left:90%;animation-delay:-3.5s}.confetti:nth-child(10){background-color:#f2d74e;left:100%;animation-delay:-2.5s}.confetti:nth-child(11){background-color:#95c3de;left:10%;animation-delay:-2s}.confetti:nth-child(12){background-color:#ff9a91;left:20%;animation-delay:-3.5s}.confetti:nth-child(13){background-color:#f2d74e;left:30%;animation-delay:-2.2s}.confetti:nth-child(14){background-color:#95c3de;left:40%;animation-delay:-1.3s}.confetti:nth-child(15){background-color:#ff9a91;left:50%;animation-delay:-2.8s}.confetti:nth-child(16){background-color:#f2d74e;left:60%;animation-delay:-3.2s}.confetti:nth-child(17){background-color:#95c3de;left:70%;animation-delay:-.4s}.confetti:nth-child(18){background-color:#ff9a91;left:80%;animation-delay:-3.1s}.confetti:nth-child(19){background-color:#f2d74e;left:90%;animation-delay:-2.6s}.confetti:nth-child(20){background-color:#95c3de;left:100%;animation-delay:-3.9s}@keyframes confetti{0%{transform:rotate(15deg) rotateY(0) translate(0)}25%{transform:rotate(5deg) rotateY(360deg) translate(-5vw,20vh)}50%{transform:rotate(15deg) rotateY(720deg) translate(5vw,60vh)}75%{transform:rotate(5deg) rotateY(1080deg) translate(-10vw,80vh)}to{transform:rotate(15deg) rotateY(1440deg) translate(10vw,110vh)}}.confetti-message{padding:1.5rem;background:#dcffe6e6;border-radius:.5rem;box-shadow:0 0 15px #00000080;width:400px;box-sizing:border-box;font-size:1.3rem;text-align:center;position:absolute;top:35%;left:50%;transform:translate(-50%);z-index:400;font-weight:700}