:root{--bg-color:#413752;--light-pink:#9783af;--light-pink-shadow:#93668d;--item-border:#7c458b;--item-border-top:#8a6dca;--dist-transparent:#9783af89;--blurple:#6f5d97;--light-blurple:#8984ad;--txt-color:#9783af;--dark-black:#312333;--black:#253243;--green:#5b9979;--yellow:#b9b772;--key-border:#253243;--key-black:#253243;--key-green:#5a756b;--key-yellow:#817c63;--key-highlight:#7c458b99;--key-highlight-bg:#7c458b1f;--key-txt-color:#917d89;--modal-bg:#433a51;--semi-transparent:#000000af;--appbar-height:5.3rem;--letter-height:3.5rem;--key-width:5rem}@font-face{font-family:botdle-blocky;src:url(/static/media/font.61fbf93afa3fe7a7d8f9.ttf)}@font-face{font-family:botdle-skinny;src:url(/static/media/botdle-skinny.a201c2e98925e5430e2a.ttf)}*{margin:0}body{background-color:#413752;background-color:var(--bg-color);color:#9783af;color:var(--txt-color);font-family:botdle-skinny;font-size:20px;text-align:center}html{font-size:16px}.playing{display:grid;grid-template-rows:auto 1fr auto;height:100vh;max-height:100vh}.page-header,.playing{max-width:100vw;width:100vw}.page-header{display:flex;height:3.5rem}.appbar{background-color:#9783af;background-color:var(--light-pink);display:grid;grid-template-columns:1fr 1fr 1fr;height:calc(100% - 1rem);width:100%}.center-bar,.left-bar,.right-bar{align-items:center;display:flex;justify-content:center}.icon{cursor:pointer;height:1.3rem;margin:.5rem;width:1.3rem}.games,.settings{outline:none}.heading-image{display:flex;height:1.7rem}.modal{background-color:#433a51;background-color:var(--modal-bg);display:grid;grid-template-rows:auto 1fr auto;height:100%}.overlay{background-color:#000000af;background-color:var(--semi-transparent);height:100%;left:0;position:fixed;top:0;width:100%;z-index:5000}.header-close{align-self:center;background-color:initial;border:none;display:flex;justify-content:flex-end}.close-button{height:1rem;width:1rem}h2.header-title{font-size:3rem}.modal-body{font-size:1.7rem;justify-self:center;line-height:2.5rem;margin:0 10rem;max-height:95%;max-width:960px;overflow:auto;padding-right:1rem;text-align:left}.container{height:100%;left:0;position:fixed;top:0;width:100%;z-index:10000}.sub-list{list-style:lower-alpha}.color-emoji{font-size:1.4rem}.modal-body .item{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.li-guess,.modal-body li{line-height:1.2!important;margin:2rem}li .row{margin:1rem 0}.modal-body .row{grid-template-columns:0 0 1fr 0 0}.modal-body .txt{font-size:1.2rem}.htp-note{font-size:1rem}.htp-ex{color:#5b9979;color:var(--green)}.play-area{max-width:100vw;width:100%}.ans,.play-area{display:flex;justify-content:center}.ans{align-items:center;max-height:calc(100% - .2rem)}.underline-letter{border-bottom:.2rem solid #9783af;border-bottom:.2rem solid var(--txt-color);font-size:1.7rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 .2rem;max-width:5rem;text-align:center;width:calc(20% - .4rem)}.entries{align-items:center;display:flex;flex-direction:column-reverse;height:100%;justify-content:flex-end;max-width:100vw;min-width:50%;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.end .entries,.keyboard-closed .play-area-cont{bottom:0;max-height:100%}.row{display:grid;grid-template-columns:1fr 4rem auto 4rem 1fr;height:calc(20% - 15px);justify-content:center;margin-top:15px;max-height:5rem;max-width:100vw;min-width:90%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.row-ans,.score{align-self:center;height:3rem;height:calc(var(--letter-height) - .5rem);max-height:3rem;max-width:3rem;min-height:2rem;min-width:2rem;width:3rem;width:calc(var(--letter-height) - .5rem)}.score{color:#b9b772;color:var(--yellow)}.row-ans-cont{display:flex;justify-content:flex-end;margin-right:5px}.score-cont{display:flex;justify-content:flex-start;margin-left:5px}.guess{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;justify-self:center}.guide-wrapper li{line-height:2.5;list-style-position:inside;margin-left:0}.item{align-items:center;align-self:center;border:5px solid #7c458b;border:5px solid var(--item-border);border-top-color:#8a6dca!important;border-top-color:var(--item-border-top)!important;color:#9783af;color:var(--txt-color);display:flex;height:3.5rem;height:var(--letter-height);justify-content:center;margin:0 2px;min-height:2rem;min-width:2rem;text-transform:uppercase;width:3.5rem;width:var(--letter-height)}.txt{font-family:botdle-blocky;font-size:1.52174rem;font-size:calc(var(--letter-height)/2.3);-webkit-user-select:none;user-select:none}.black{background-color:#253243;background-color:var(--black)}.green{background-color:#5b9979;background-color:var(--green);color:#253243;color:var(--black)}.yellow{background-color:#b9b772;background-color:var(--yellow);color:#413752;color:var(--bg-color)}button{cursor:pointer;font-family:botdle-skinny;text-transform:uppercase}.error-msg{-webkit-animation:fade 1s ease-in-out 0s 1 normal none running;animation:fade 1s ease-in-out 0s 1 normal none running;background-color:#6c617a;border-radius:10px;bottom:2em;color:#271c24;font-size:1.5em;left:50%;padding:10px 20px;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:1000}@-webkit-keyframes fade{0%{background-color:initial;color:transparent}50%{background-color:#6f5d97;background-color:var(--blurple);color:#312333;color:var(--dark-black)}70%{background-color:#6f5d97;background-color:var(--blurple);color:#312333;color:var(--dark-black)}to{background-color:initial;color:transparent}}@keyframes fade{0%{background-color:initial;color:transparent}50%{background-color:#6f5d97;background-color:var(--blurple);color:#312333;color:var(--dark-black)}70%{background-color:#6f5d97;background-color:var(--blurple);color:#312333;color:var(--dark-black)}to{background-color:initial;color:transparent}}a{color:#8984ad;color:var(--light-blurple)}a:hover{color:#6f5d97;color:var(--blurple)}a:active{color:#253243;color:var(--black)}.start-button{background-color:#9783af;background-color:var(--light-pink);border:3px solid #312333;border:3px solid var(--dark-black);color:#312333;color:var(--dark-black);font-size:1.5rem!important;height:4.5rem;margin-top:3rem;outline:none;width:15rem}.start-button:hover{background-color:#93668d;background-color:var(--light-pink-shadow)}.start-button:active{background-color:#7c458b;background-color:var(--item-border);border-bottom:2px solid #312333;border-bottom:2px solid var(--dark-black);border-top:6px solid #312333;border-top:6px solid var(--dark-black);color:#000}.start-cont{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.end-modal{display:grid;grid-template-rows:auto 1fr;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:50%;max-height:100vw;max-width:100vw;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:10px 40px;position:fixed;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:10000}.end-overlay{background-color:#000000af;background-color:var(--semi-transparent);height:100%;left:0;position:fixed;top:0;width:100%;z-index:5000}.end-close{background-color:initial;border:none;display:flex;font-size:20px;justify-content:flex-end;width:100%}.end-contents{display:grid;max-width:100%}.end-container{height:50%;left:0;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;position:fixed;top:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%);width:50%;z-index:10000}.end,.modal{border-radius:20px}.header{display:grid;grid-template-columns:1fr 1fr 1fr;margin:10px;padding:10px;text-align:center}.header,.streaks-cont{color:#5b9979;color:var(--green)}.streaks-cont{display:flex;justify-content:center}.streak{margin:.3rem}.streak-label{font-size:.9rem}.tries{margin-bottom:1rem}.dist-row{display:grid;grid-template-columns:2rem 1fr;margin:1rem}.dist-percent-cont{width:20rem}.dist{background-color:#9783af89;background-color:var(--dist-transparent);border-radius:5px;color:#413752;color:var(--bg-color);font-weight:700;height:100%;padding-right:5px;text-align:right}.highlight .dist{background:none;background-color:#5b9979;background-color:var(--green);background-image:linear-gradient(90deg,#5a756b 1%,transparent 80%,#b9b772);background-image:linear-gradient(to right,var(--key-green) 1%,transparent 80%,var(--yellow))}.highlight .dist-num{color:#5b9979;color:var(--green)}.dist-num{align-items:flex-start;color:#9783af89;color:var(--dist-transparent);display:flex}.footer{align-items:center;display:flex;justify-content:center;padding:10px}.footer-close,.share-button,.start-button{background-color:#9783af;background-color:var(--light-pink);border-bottom:4px solid #312333;border-bottom:4px solid var(--dark-black);border-left:2px solid #312333;border-left:2px solid var(--dark-black);border-right:2px solid #312333;border-right:2px solid var(--dark-black);border-top:2px solid #6f5d97;border-top:2px solid var(--blurple);color:#312333;color:var(--dark-black);font-size:1.2rem;margin-bottom:1rem;padding:.5rem 1rem}.footer-close{font-size:1.5rem}.share-button:hover{background-color:#9783af89;background-color:var(--dist-transparent)}.share-button:active{background-color:#7c458b;background-color:var(--item-border);border:2px solid #312333;border-top:4px solid #312333;border:2px solid var(--dark-black);border-top:4px solid var(--dark-black);color:#000}.score>img{height:1rem;width:1rem}.keyboard-cont-hidden~.above-keyboard-cont{align-self:flex-end}.above-keyboard-cont{display:grid;grid-template-columns:1fr 1fr 1fr;width:100vw}.toggle-keyboard-cont{display:flex;height:100%;justify-content:flex-end;width:100%}.toggle-keyboard{cursor:pointer;font-size:1.7rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-right:2rem;text-align:right;-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.keyboard-animate-off,.keyboard-animate-on{-webkit-animation:toggle-keyboard .3s ease-in 0s 1 normal none running;animation:toggle-keyboard .3s ease-in 0s 1 normal none running}.keyboard-animate-off .toggle-keyboard,.keyboard-animate-on .toggle-keyboard{-webkit-animation:toggle-keyboard-arrow .3s ease-in 0s 1 normal none running;animation:toggle-keyboard-arrow .3s ease-in 0s 1 normal none running}.keyboard-animate-on{-webkit-animation-name:toggle-keyboard-reverse;animation-name:toggle-keyboard-reverse}.keyboard-animate-on .toggle-keyboard{-webkit-animation-name:toggle-keyboard-arrow-reverse;animation-name:toggle-keyboard-arrow-reverse}.keyboard-cont-hidden{display:none}.playing .footer-keyboard{background-color:#413752;background-color:var(--bg-color);display:grid;grid-template-rows:4rem 1fr;height:100%;max-width:100vw;width:100%}.keyboard-cont{align-items:center;display:flex;justify-content:center}.footer-keyboard-hidden{grid-template-columns:4rem 0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.keyboard{display:grid;grid-template-rows:1fr 1fr 1fr;height:100%;max-width:100vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.keyboard-row{font-size:1.2rem;height:98%;-webkit-user-select:none;user-select:none;width:100%}.key,.keyboard-row{align-items:center;display:flex;justify-content:center}.key{border:2px solid #253243;border:2px solid var(--key-border);color:#917d89;color:var(--key-txt-color);cursor:pointer;font-size:1.7rem;height:90%;margin:0 5px;max-height:calc(100% - 4px);width:calc(5rem - 14px);width:calc(var(--key-width) - 14px)}.key-cont{height:95%}.key-green{background-color:#5a756b;background-color:var(--key-green)}.key-green,.key-yellow{color:#413752;color:var(--bg-color)}.key-yellow{background-color:#817c63;background-color:var(--key-yellow)}.key-black{background-color:#253243;background-color:var(--key-black)}.key-highlight{background-color:#7c458b1f;background-color:var(--key-highlight-bg);border-color:#7c458b99;border-color:var(--key-highlight)}.delete,.enter{width:4rem}.vp-cont{position:fixed;right:20px;top:20px;z-index:5000}.vp-button{background-color:#a17296;border:5px solid #32243b;border-radius:.5rem;color:#32243b;font-size:1rem;font-weight:700;padding:1rem}.vp-button:active{background-color:#9b6590}.vp{font-size:1.5rem}.answered .score,.colored .score,.coloring .score,.unanswered .row-ans,.unanswered .score{color:#413752;color:var(--bg-color)}.answered .row-ans{-webkit-animation:ans-fade-in .2s ease-in 0s 1 normal none running;animation:ans-fade-in .2s ease-in 0s 1 normal none running}.unanswered .guess,.unanswered .item{-webkit-animation:flip-anim .3s ease-in-out .01s 1 normal none running;animation:flip-anim .3s ease-in-out .01s 1 normal none running}@-webkit-keyframes flip-anim{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}}@keyframes flip-anim{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}}@-webkit-keyframes transition-black{0%{background-color:initial;border-color:#7c458b;border-color:var(--item-border);-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{background-color:#253243;background-color:var(--black);border-color:#253243;border-color:var(--black);-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}}@keyframes transition-black{0%{background-color:initial;border-color:#7c458b;border-color:var(--item-border);-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{background-color:#253243;background-color:var(--black);border-color:#253243;border-color:var(--black);-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}}@-webkit-keyframes transition-yellow{0%{background-color:initial;border-color:#7c458b;border-color:var(--item-border);-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{background-color:#b9b772;background-color:var(--yellow);border-color:#b9b772;border-color:var(--yellow);-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}}@keyframes transition-yellow{0%{background-color:initial;border-color:#7c458b;border-color:var(--item-border);-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{background-color:#b9b772;background-color:var(--yellow);border-color:#b9b772;border-color:var(--yellow);-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}}@-webkit-keyframes transition-green{0%{background-color:initial;border-color:#7c458b;border-color:var(--item-border);-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{background-color:#5b9979;background-color:var(--green);border-color:#5b9979;border-color:var(--green);-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}}@keyframes transition-green{0%{background-color:initial;border-color:#7c458b;border-color:var(--item-border);-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{background-color:#5b9979;background-color:var(--green);border-color:#5b9979;border-color:var(--green);-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}}@-webkit-keyframes ans-fade-in{0%{color:#413752;color:var(--bg-color);font-size:1px}to{color:#9783af;color:var(--txt-color)}}@keyframes ans-fade-in{0%{color:#413752;color:var(--bg-color);font-size:1px}to{color:#9783af;color:var(--txt-color)}}@-webkit-keyframes score-fade-in{0%{color:#413752;color:var(--bg-color);font-size:1px}to{color:#b9b772;color:var(--yellow)}}@keyframes score-fade-in{0%{color:#413752;color:var(--bg-color);font-size:1px}to{color:#b9b772;color:var(--yellow)}}@-webkit-keyframes toggle-keyboard-arrow{to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes toggle-keyboard-arrow{to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@-webkit-keyframes toggle-keyboard{0%{height:var(--keyboard-height)}to{height:0}}@-webkit-keyframes toggle-keyboard-arrow-reverse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes toggle-keyboard-arrow-reverse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes toggle-keyboard{0%{height:0}to{height:var(--keyboard-height)}}@media(max-width:500px){:root{--letter-height:2.5rem;--key-width:2.5rem}.row{height:calc(20% - 5px);margin-top:5px}.key{border-width:2px;margin:0 2px}.underline-letter{font-size:1.5rem;min-width:20%}.modal-body{font-size:1rem;line-height:1.5rem;margin:0 2rem}h2.header-title{font-size:2rem}.header{grid-template-columns:2rem 1fr 2rem}.footer-close{font-size:1rem;margin:0}}@media(min-width:1500px){:root{--letter-height:4.5rem;--key-width:7rem}.row{max-height:7rem}.page-header{height:5.5rem}.footer-keyboard{grid-template-rows:5rem 1fr}}@media(min-width:2500px){:root{--letter-height:5.5rem}.row{max-height:9rem}.page-header{height:7rem}.footer-keyboard{grid-template-rows:7rem 1fr}.underline-letter{font-size:3.5rem}.key{font-size:2.5rem}.toggle-keyboard{font-size:4rem;margin-right:4rem}.heading-image{height:3.5rem}.modal-body{font-size:3rem;line-height:3.5rem}h2.header-title{font-size:6rem}.close-button,.icon{height:3rem;width:3rem}.end-modal .close-button{height:1rem;width:1rem}.modal-body .txt{font-size:3rem;padding:1rem}.htp-note{font-size:1rem}.color-emoji{font-size:2.5rem}.footer-close{font-size:3.5rem;padding:1rem 1.5rem}}
/*# sourceMappingURL=main.93ba9dbd.css.map*/