@font-face{font-family:Poppins-SemiBold;src:url(/assets/Poppins-SemiBold-f3zwwFG2.ttf)}#root{max-width:1280px;margin:0 auto;text-align:center}.section{display:flex;flex-direction:column;min-height:100vh}.content{flex-grow:1;flex-shrink:0;flex-basis:auto}#gameStack{width:310px;height:auto;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}#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}#footerStack{width:100%;height:max-content;margin-top:30px;margin-bottom:30px;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}#letterContainer{width:max-content;height:40px;margin-bottom:24px;display:flex}.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(--color3);font-size:22px;text-align:center;width:max-content;height:max-content}#strikeContainer{width:100%;height:9px;margin-bottom:8px;display:flex;justify-content:space-between}.strike{width:48px;height:8px;border-radius:20px}.blueStrike{background-color:var(--blueStrike)}.greyStrike{background-color:var(--greyStrike)}@font-face{font-family:Poppins-SemiBold;src:url(./assets/fonts/Poppins-SemiBold.ttf)}#inputContainer{width:100%;height:37px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}#input{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}#enterBtn{width:52px;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}#enterBtn:active{background-color:var(--color12)}@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)}.greenBlock{background-color:var(--greenBlock)}.purpleBlock{background-color:var(--purpleBlock)}.blueBlock{background-color:var(--blueBlock)}.greyBlock{background-color:var(--greyBlock)}@font-face{font-family:Poppins-SemiBold;src:url(./assets/fonts/Poppins-SemiBold.ttf)}#inputContainer{width:100%;height:37px;margin-bottom:10px;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)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh}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:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root{background-color:#fff;--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;--blueStrike: #47b7ff;--greyStrike: #e3e3e3}@media (prefers-color-scheme: dark){:root{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;--blueStrike: #47b7ff;--greyStrike: #3a3a3a}}