body{margin:0;padding:0;overflow:hidden;font-family:Arial,sans-serif;background-color:#222}canvas{display:block;width:100%;height:100%}#loading{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#333;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}#loading h1{font-size:2.5rem;margin-bottom:1rem;color:#4285f4}#loading p{font-size:1.2rem;margin-bottom:1rem}.spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#4285f4;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}#controls-info{position:fixed;bottom:20px;left:20px;background-color:#000000b3;color:#fff;padding:15px;border-radius:5px;font-size:14px;max-width:300px;z-index:100;opacity:.8;transition:opacity .3s}#controls-info:hover{opacity:1}#controls-info h3{margin-top:0;margin-bottom:10px}#controls-info ul{margin:0;padding-left:20px}#debug-info{position:fixed;top:20px;right:20px;background-color:#000000b3;color:#fff;padding:15px;border-radius:5px;font-size:14px;max-width:300px;z-index:100}#debug-info h3{margin-top:0;margin-bottom:8px;font-size:16px;color:#4285f4}#debug-info div{margin-bottom:4px}#speed-info{text-shadow:1px 1px 2px #000;font-weight:700}