*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:#87ceeb}.canvas-container{width:100vw;height:100vh;position:relative}canvas{touch-action:manipulation;width:100%!important;height:100%!important}.info-panel{position:fixed;top:20px;left:20px;background:#000c;color:#fff;padding:20px;border-radius:10px;max-width:300px;transition:transform .3s ease;z-index:1000}.info-panel.hidden{transform:translate(-100%)}.info-panel.visible{transform:translate(0)}.toggle-button{position:absolute;right:-40px;top:0;background:#000c;color:#fff;border:none;padding:8px 12px;border-radius:0 5px 5px 0;cursor:pointer;font-size:20px}.info-content{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.info-content h1{margin:0 0 10px;font-size:24px;font-weight:600}.info-content h2{margin:20px 0 10px;font-size:18px;font-weight:500}.bio{line-height:1.5;margin-bottom:20px;font-size:14px}.controls{background:#ffffff1a;padding:15px;border-radius:8px;margin-bottom:20px}.controls ul{list-style:none;padding:0;margin:0}.controls li{margin:8px 0;font-size:14px}.links{display:flex;gap:15px}.links a{color:#4a9eff;text-decoration:none;font-size:14px;transition:color .2s ease}.links a:hover{color:#7cb9ff}.joystick-container{position:fixed;bottom:50px;left:50px;z-index:1000;touch-action:none;width:120px;height:120px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;border-radius:50%}.joystick-base{width:120px;height:120px;background-color:#0000004d;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.5);touch-action:none;pointer-events:auto}.joystick-knob{width:50px;height:50px;background-color:#fffc;border-radius:50%;position:absolute;transition:transform .1s ease-out;box-shadow:0 0 5px #00000080;touch-action:none;pointer-events:none}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}