.letter-button{font-weight:700;border:3px solid transparent;transition:all .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.letter-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.letter-button:hover:before{left:100%}.letter-handwritten{font-family:Dancing Script,Caveat,cursive;font-weight:600}.letter-lowercase{font-family:Arial,sans-serif;font-weight:500;text-transform:lowercase}.letter-uppercase{font-family:Arial,sans-serif;font-weight:700;text-transform:uppercase}@keyframes running-light{0%{background-color:#db2777e6;box-shadow:0 0 20px #db2777cc,0 0 30px #db277799;transform:scale(1.1)}20%{background-color:#db2777b3;box-shadow:0 0 15px #db277799,0 0 25px #db277766;transform:scale(1.05)}40%{background-color:#db277766;box-shadow:0 0 10px #db277766,0 0 15px #db277733;transform:scale(1.02)}60%{background-color:#db277733;box-shadow:0 0 5px #db277733;transform:scale(1.01)}to{background-color:#fff;box-shadow:none;transform:scale(1)}}.button-running-light{animation:running-light 2s ease-out forwards}.letter-button.snake-active{background-color:#db2777e6!important;box-shadow:0 0 20px #db2777cc,0 0 30px #db277799!important;transform:scale(1.1)!important;transition:all .3s ease!important;border-color:#db2777e6!important}.letter-button.snake-tail-1{background-color:#db277799!important;box-shadow:0 0 15px #db277780,0 0 20px #db27774d!important;transform:scale(1.05)!important;transition:all .3s ease!important;border-color:#db277799!important}.letter-button.snake-tail-2{background-color:#db27774d!important;box-shadow:0 0 8px #db27774d!important;transform:scale(1.02)!important;transition:all .3s ease!important;border-color:#db27774d!important}.letter-button.snake-tail-3{background-color:#db27771a!important;box-shadow:0 0 3px #db27771a!important;transform:scale(1.01)!important;transition:all .3s ease!important;border-color:#db27771a!important}.letter-button{touch-action:manipulation}.letter-button:focus{outline:3px solid #FFD700;outline-offset:2px}@keyframes success-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.success-animation{animation:success-pulse .6s ease-in-out}@keyframes error-shake{0%,20%,40%,60%,80%{transform:translate(0)}10%,30%,50%,70%{transform:translate(-10px)}15%,35%,55%,75%{transform:translate(10px)}}.error-animation{animation:error-shake .6s ease-in-out}*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}