*{margin:0;padding:0}html,body,#root{height:100%;overflow:hidden;background:#000}#canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh}.hud{position:fixed;bottom:16px;color:#fff;font-family:monospace;font-size:14px;background:#00000080;padding:6px 14px;border-radius:6px;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.hud-left{left:16px}.hud-right{right:16px}.mobile-nav{display:none}@media(pointer:coarse){.hud-left{display:none}.hud-right{right:auto;left:50%;transform:translate(-50%)}.mobile-nav{display:flex;flex-direction:column;align-items:center;gap:12px;position:fixed;bottom:54px;left:50%;transform:translate(-50%);z-index:10}.mobile-nav-btn{appearance:none;border:none;background:#00000080;color:#fff;font-family:monospace;font-size:32px;line-height:1;padding:16px 32px;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mobile-nav-btn:active{background:#fff3}}