@font-face{font-family:Poppins-SemiBold;src:url(/assets/Poppins-SemiBold-f3zwwFG2.ttf)}#root{width:100vw;max-width:1280px;margin:none;text-align:center}.section{height:100%;height:100svh;min-height:500px;display:flex;flex-direction:column;align-items:center}.htpSection{height:100lvh}.content{flex-grow:1;flex-shrink:0;flex-basis:auto}#keyboardSection{width:100%;display:flex;flex-direction:column;align-items:center}#gameStack{width:310px;height:auto;min-height:120px;margin-top:10vh}#gameStackv2{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;min-height:120px;margin-top:10vh}#title{color:var(--color1);font-family:Poppins-SemiBold;font-size:20px;line-height:1.4em;text-align:left;margin-bottom:12px;width:max-content}#loadingStack{width:100%;height:max-content;margin-top:200px}#loadingGif{width:44px;height:12px}.divLine{width:100%;height:1px;margin-top:6px;margin-bottom:6px;background-color:var(--color5)}#footerStack{width:100%;height:max-content;margin-top:16px;margin-bottom:18px;display:inline-flex;align-items:center;justify-content:center}.footerStackSeparator{width:max-content;height:max-content;margin-left:4px;margin-right:4px;font-family:Avenir;font-weight:700;font-size:15px;color:var(--color10);background-color:var(--trans)}.footerStackBtn{width:max-content;height:max-content;margin-left:4px;margin-right:4px;font-family:Avenir;font-size:15px;border-radius:0;padding:0;outline:none;border:none;color:var(--color10);background-color:var(--trans);display:flex;align-items:center;justify-content:center}.footerStackBtn:active{outline:none}.footerStackBtn:focus{outline:none}#htpStack{width:310px;height:auto;min-height:120px;margin-top:5vh}.htpStackHeader{width:100%;display:flex;align-items:center;justify-content:space-between}.htpTitle{color:var(--color1);font-family:Poppins-SemiBold;font-size:22px;line-height:1.4em;text-align:left;margin-bottom:10px;width:max-content}.htpSubheader{color:var(--color1);font-family:Poppins-SemiBold;font-size:18px;line-height:1.4em;text-align:left;margin-bottom:10px;width:max-content}.htpText{color:var(--color3);font-family:Avenir;font-size:15px;line-height:1.4em;width:100%;height:max-content;margin-top:0;margin-bottom:8px;text-align:left}.htpContainer{width:100%;height:max-content;margin-left:4px}.htpList{color:var(--color3);font-family:Avenir;font-size:15px;line-height:1.4em;width:100%;height:max-content;margin-top:0;margin-bottom:20px;text-align:left;list-style-type:disc;list-style-position:outside;padding-left:14px}li{margin-bottom:8px}.htpExampleLi{margin-bottom:8px;height:max-content}#htpCloseBtnContainer{width:100%;height:max-content;margin-top:20px;margin-bottom:10px;display:flex;justify-content:center}#htpCloseBtn{width:max-content;height:max-content;margin-right:-24px;font-family:Avenir;font-weight:700;font-size:16px;border-radius:6px;outline:none;border:none;color:var(--color3);background-color:var(--trans);display:flex;align-items:center;justify-content:center}#htpCloseBtn:active{background-color:var(--trans)}.htpLetterBox{width:21px;height:28px;margin-right:3px;border-style:solid;border-width:1px;border-radius:4px;border-color:var(--color7);background-color:var(--color6);display:flex;align-items:center;justify-content:center}.htpLetter{color:var(--color3);font-size:16px;text-align:center;width:max-content;height:max-content}@font-face{font-family:Poppins-SemiBold;src:url(./assets/fonts/Poppins-SemiBold.ttf)}#blocksContainer{width:100%;height:auto;display:flex;flex-wrap:wrap}.block{color:var(--blockTextColor);font-family:Poppins-SemiBold;font-size:16px;line-height:1.5em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding-right:4px;padding-left:4px;margin-top:3px;margin-bottom:3px;margin-right:6px;display:inline;box-shadow:1px 1px 10px var(--color8)}.transBlock{color:var(--color4);background-color:var(--trans);margin-right:10px;padding-left:0;padding-right:0;box-shadow:none}@font-face{font-family:Poppins-SemiBold;src:url(./assets/fonts/Poppins-SemiBold.ttf)}#inputContainer{width:100%;height:37px;margin-top:24px;margin-bottom:4px;display:flex;align-items:center;justify-content:space-between;gap:6px}#score{width:100%;height:32px;padding:0;font-size:16px;font-family:Poppins-Semibold;color:var(--color2);background-color:var(--color6);text-indent:4px;border-width:1px;border-radius:6px;border-color:var(--color7);border-style:solid}input:focus{outline:0px;outline-style:solid;outline-color:var(--color7)}input::placeholder{color:var(--color9)}#copyBtn{width:68px;height:32px;font-family:Poppins-SemiBold;font-size:14px;border-radius:6px;outline:none;border:none;color:var(--color13);background-color:var(--color11);display:flex;align-items:center;justify-content:center}#copyBtn:active{background-color:var(--color12)}.letterContainer{width:max-content;height:40px;margin-bottom:12px;display:flex;align-items:center}.letterBox{width:31px;height:38px;margin-right:4px;border-style:solid;border-width:1px;border-radius:6px;border-color:var(--color7);background-color:var(--color6);display:flex;align-items:center;justify-content:center}.letter{color:var(--inputLetterBoxText);font-size:22px;text-align:center;width:max-content;height:max-content}.foundLetterBox{border-color:var(--foundLetterBox);border-width:2.6px}.letterBoxWin{border-width:2.6px;border-color:var(--letterBoxWin)}.hg-theme-default{width:100vw;min-width:310px;max-width:440px;display:flex;flex-direction:column;align-items:center;font-family:Poppins-SemiBold;font-size:large;color:var(--kbLetter);background-color:var(--background-color);-webkit-user-select:none;user-select:none;box-sizing:border-box;overflow:hidden;touch-action:manipulation;padding:0;border-radius:5px}.hg-theme-default .hg-button span{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;outline:0;font-size:inherit}.hg-theme-default .hg-button{display:inline-block;flex-grow:1;cursor:pointer}.hg-theme-default .hg-rows{display:flex;flex-direction:column;align-items:center;width:96%;margin-bottom:10px}.hg-theme-default .hg-row{display:flex;justify-content:center;width:100%}.hg-theme-default .hg-row:not(:last-child){margin-bottom:5px}.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:5px}.hg-theme-default .hg-row .hg-button-container{margin-right:5px}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{width:10vw;height:6.8vh;min-width:27px;min-height:46px;max-width:48px;max-height:62px;border-radius:5px;box-sizing:border-box;padding:5px;background:var(--kbKey);cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:rgba(0,0,0,0)}.hg-theme-default .hg-button.hg-activeButton{background:var(--kbKeyActive)}.hg-button.hg-button-enter{width:16vw;min-width:42px;max-width:64px;font-size:12px;padding:0}.hg-button.hg-button-bksp{width:16vw;min-width:42px;max-width:64px;padding:0}.hg-button.hg-button-shift{width:4vw;min-width:10px;max-width:24px;font-size:1px;padding:0;background:var(--trans);color:var(--trans)}.hg-button.hg-button-shift.hg-activeButton{background:var(--trans)}.hg-button.hg-blue{background:var(--kbKeyBlue)}.hg-button.hg-blue.hg-activeButton{background:var(--kbKeyBlueActive)}.hg-button.hg-grey{background:var(--kbKeyGrey)}.hg-button.hg-grey.hg-activeButton{background:var(--kbKeyGreyActive)}.hg-theme-default.hg-layout-numeric .hg-button{width:33.3%;height:60px;align-items:center;display:flex;justify-content:center}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:#05194687;color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#2d2d2dde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;height:100dvh;min-height:500px;display:flex;flex-direction:column;align-items:center}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:none;-webkit-transition:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none}:root{background-color:#fff;--background-color: #ffffff;--trans: #ffffff00;--color1: #1a1a1a;--color2: #3a3a3a;--color3: #4f4f4f;--color4: #979797;--color5: #e3e3e3;--color6: #ffffff;--color7: #d7d7d7;--color8: #dedede;--color9: #8a8a8a;--color10: #616161;--color11: #4f4f4f;--color12: #3a3a3a;--color13: #ffffff;--blockTextColor: #1a1a1a;--greenBlock: #a9d6a5;--purpleBlock: #a1a3fd;--blueBlock: #a3dbff;--greyBlock: #e3e3e3;--darkBlock: #949494;--greenBlockActive: #a9d6a5;--purpleBlockActive: #a1a3fd;--blueBlockActive: #9acff0;--greyBlockActive: #cdcdcd;--darkBlockActive: #818181;--kbLetter: #1a1a1a;--kbKey: #e3e3e3;--kbKeyActive: #cdcdcd;--kbKeyGrey: #b0b0b0;--kbKeyGreyActive: #a1a1a1;--kbKeyBlue: #a3dbff;--kbKeyBlueActive: #9acff0;--inputLetterBoxText: #4f4f4f;--foundLetterBox: #a3dbff;--letterBoxWin: #a9d6a5;--blueStrike: #47b7ff;--greyStrike: #e3e3e3}@media (prefers-color-scheme: dark){:root{background-color:#141414;--background-color: #141414;--color1: #d0d0d0;--color2: #c8c8c8;--color3: #b0b0b0;--color4: #4f4f4f;--color5: #3a3a3a;--color6: #1b1b1b;--color7: #3a3a3a;--color8: #202020;--color9: #4b4b4b;--color10: #8e8e8e;--color11: #323232;--color12: #242424;--color13: #f0f0f0;--blockTextColor: #1a1a1a;--greenBlock: #66b160;--purpleBlock: #8486f7;--blueBlock: #6ec7ff;--greyBlock: #c5c5c5;--darkBlock: #949494;--greenBlockActive: #66b160;--purpleBlockActive: #8486f7;--blueBlockActive: #6ec7ff;--greyBlockActive: #c5c5c5;--darkBlockActive: #818181;--kbLetter: #d0d0d0;--kbKey: #323232;--kbKeyActive: #242424;--kbKeyGrey: #1d1d1d;--kbKeyGreyActive: #181818;--kbKeyBlue: #0382d1;--kbKeyBlueActive: #056dad;--inputLetterBoxText: #bfbfbf;--foundLetterBox: #0382d1;--letterBoxWin: #66b160;--blueStrike: #47b7ff;--greyStrike: #3a3a3a;--toastBackground: #232323;--toastColor: #fff}}.greenBlock{background-color:var(--greenBlock)}.purpleBlock{background-color:var(--purpleBlock)}.blueBlock{background-color:var(--blueBlock)}.greyBlock{background-color:var(--greyBlock)}.darkBlock{background-color:var(--darkBlock)}.greenBlock:active{background-color:var(--greenBlockActive)}.purpleBlock:active{background-color:var(--purpleBlockActive)}.blueBlock:active{background-color:var(--blueBlockActive)}.greyBlock:active{background-color:var(--greyBlockActive)}.darkBlock:active{background-color:var(--darkBlockActive)}