#root,body,html{margin:0;padding:0;overflow:hidden;height:100%}.container{position:relative;width:100vw;height:100vh}body{text-align:center;font-family:Arial,sans-serif;background-color:#87ceeb}#s-svg{width:100vw;height:100vh;display:block}.green-field{fill:#228b22}.cloud{fill:#fff}.cloud-right{animation:float-right 55s linear infinite,float-updown 12s ease-in-out infinite}@keyframes float-right{0%{transform:translate(-300px)}50%{transform:translate(100px,5px)}to{transform:translate(500px)}}.cloud-left{animation:float-left 66s linear infinite,float-updown 12s ease-in-out infinite}@keyframes float-left{0%{transform:translate(500px)}50%{transform:translate(100px,-10px)}to{transform:translate(-300px)}}.pixelated{image-rendering:pixelated}#input-container{position:absolute;top:10px;left:10px;background:hsla(0,0%,100%,.8);padding:5px;border-radius:5px}.input-group{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;max-width:400px}#inputChar{width:50px;text-transform:uppercase;text-align:center}#inputChar,#setSignalButton{font-size:16px}