.letter-box{overflow:hidden;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity));border-radius:8px;margin:2px;font-size:2.5rem;font-weight:700;height:3rem;width:3rem;display:flex;justify-content:center;transition:all .15s linear;align-items:center;text-transform:uppercase}.board-container{display:flex;border-radius:.5rem;background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#f3f4f6 var(--tw-gradient-to-position);padding:.5rem;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filled-box{border-width:1px;--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity))}@keyframes blink{50%{opacity:0}to{opacity:1}}.current-box:after{position:absolute;left:10px;top:10px;width:4px;height:calc(100% - 20px);content:"";opacity:0;display:block;border-radius:50% 0;background-color:var(--fallback-b3,oklch(var(--b3)/.9));animation:blink .53s linear 0s infinite alternate none running}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.letter-box span{display:flex;height:100%;width:100%;align-items:center;justify-content:center;transition:all .15s linear;text-transform:uppercase;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dance{animation:Dance .8s}.filled-box span{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.empty-box{border-width:2px;border-style:dotted;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.empty-box span{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.correct .letter-box span{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.correct .letter-box,.incorrect .letter-box{border-color:transparent}.incorrect .letter-box span{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.disabled-box{border-color:transparent;background-color:transparent;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));pointer-events:none;opacity:1}.current-box{border-width:2px;border-style:solid;--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity))}.praise{display:none;flex-direction:column;position:absolute;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;z-index:3;font-size:1.875rem;line-height:2.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));line-height:1;pointer-events:none;-webkit-transform:translateY(0);transform:translateY(0);text-align:center;filter:drop-shadow(0 0 24px #000);text-shadow:0 0 24px #000;text-transform:capitalize}:root{--three-letter:#d19847;--four-letter:#d68043;--five-letter:#da583e;--six-letter:#da3e3e;--seven-letter:#d5205c;--eight-letter:#9a0ac2;--nine-letter:#7006c6;--shadow:rgba(0,0,0,.3);--light:hsla(0,0%,100%,.4)}.praise{--tw-bg-opacity:0.75;background:radial-gradient(circle max(6vw,70px),var(--five-letter),transparent);z-index:10000}.praise~.praise-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:9999;pointer-events:none;display:flex;flex:1 1 0%;flex-direction:column;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:linear}.praise-show~.praise-overlay{opacity:1}.praise.incredible span{display:flex;width:auto;flex-direction:column;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(107 33 168/var(--tw-bg-opacity));padding:.375rem .625rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.praise.incredible{background:radial-gradient(circle max(6vw,70px),var(--nine-letter),transparent)}.praise.impressive span{border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(55 48 163/var(--tw-bg-opacity));padding:.375rem .625rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.praise.impressive{background:radial-gradient(circle max(6vw,70px),var(--eight-letter),transparent)}.praise.great{background:radial-gradient(circle max(6vw,70px),var(--seven-letter),transparent)}.praise-display{display:flex;background:radial-gradient(circle max(6vw,70px),rgb(5 150 105/var(--tw-bg-opacity)),#fff0);font-size:40px;border-radius:24px}.praise-display span{font-size:16px;padding-top:16px}.praise-show:before{display:flex;flex-direction:column;flex:1;opacity:1}.praise-show{display:flex;flex:1 1 0%;flex-direction:column;animation:floatUp 1.6s ease-out 1}@keyframes floatUp{0%{opacity:0}10%{opacity:1}50%{opacity:1}to{opacity:0;transform:translateY(-32%)}}@keyframes Dance{0%,20%{transform:translateY(0)}40%{transform:translateY(-20px)}50%{transform:translateY(5px)}60%{transform:translateY(-10px)}80%{transform:translateY(2px)}to{transform:translateY(0)}}.game-keyboard{box-sizing:border-box}.game-keyboard.hg-theme-default{border-radius:5px;box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}*{box-sizing:border-box}.game-keyboard{position:fixed;bottom:0;left:0;right:0;display:flex;z-index:9999;width:100%;flex-direction:column;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;z-index:auto;background-color:var(--fallback-b3,oklch(var(--b3)/.4));--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}@media (min-width:768px){.game-keyboard{position:relative;max-width:32rem;border-radius:.5rem;padding:.25rem .5rem}}.game-keyboard.keyboard-disabled{pointer-events:none;cursor:not-allowed;display:none;opacity:0;--tw-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.game-keyboard{.kbd-layout{margin-left:-.25rem;margin-right:-.25rem;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border-radius:.5rem;padding:.25rem}.kbd-row{--keyboard-width:calc(100%);--key-width:calc(var(--keyboard-width) / 10);touch-action:manipulation;margin:0 auto;display:flex;width:100%;justify-content:center;gap:.25rem}.kbd-row div{font-size:1.25em;font-weight:700;border:0;flex:1;display:flex;border-radius:.5rem;height:3rem;position:relative;justify-content:space-evenly}span{line-height:1}.kbd-row div button{display:block;height:100%;width:100%;box-shadow:0 0 10px rgba(0,0,0,.5);--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));appearance:none;--tw-bg-opacity:1;padding:0;text-align:center;text-transform:uppercase;line-height:1;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);transition-property:all;transition-duration:.15s;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.kbd-row div button:hover{--tw-bg-opacity:1;--tw-text-opacity:1}.kbd-row div button:focus{outline:2px solid transparent;outline-offset:2px}.kbd-row div a *,.kbd-row div a span,.kbd-row div button *,.kbd-row div button span{display:flex;position:relative;z-index:20;pointer-events:none;justify-content:center;align-items:center}.kbd-row div button:active,.kbd-row div.active button{--tw-scale-x:.9;--tw-scale-y:.9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity:1;background:transparent;opacity:.8;--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.kbd-row div button.kbd-func-btn{--tw-bg-opacity:1;padding:0;font-weight:700;line-height:1;--tw-text-opacity:1}.kbd-row div button.kbd-func-btn:hover{--tw-bg-opacity:1}.kbd-row div.active{background-color:transparent}.kbd-row div.kbd-func-btn{--tw-bg-opacity:1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));fill:var(--fallback-b1,oklch(var(--b1)/1));--tw-text-opacity:1;color:var(--fallback-b1,oklch(var(--b1)/var(--tw-text-opacity)))}.kbd-row div.kbd-func-btn:hover{--tw-bg-opacity:0.9}.kbd-row div.kbd-func-btn.active{--tw-bg-opacity:0.8;--tw-text-opacity:1;color:var(--fallback-b3,oklch(var(--b3)/var(--tw-text-opacity)))}}