body,html,#root{margin:0;padding:0;height:100%;background-color:#000;overflow:hidden}.canvas{width:100vw;height:100vh;display:block;touch-action:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn 1.5s ease-in forwards}.typing-text{font-family:Courier New,Courier,monospace;color:#fff;font-size:clamp(1rem,3vw,1.5rem);text-align:center;margin-top:2rem;white-space:pre-wrap}.caret-inline{display:inline-block;width:.65ch;height:1.2em;background-color:#fff;vertical-align:bottom;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:.4}}.speak-button{margin-top:1.5rem;padding:.5rem 1.2rem;font-size:clamp(1rem,3vw,1.1rem);background:transparent;color:#fff;border:2px solid white;border-radius:6px;font-family:Courier New,Courier,monospace;cursor:pointer;transition:all .3s ease}.speak-button:hover{background:#fff;color:#000}.fade-in-button{opacity:0;animation:fadeIn 1s ease-in forwards}