*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000}#canvas{width:100%;height:100%;display:block}#hud{position:fixed;top:16px;left:16px;color:#fff;font-family:Segoe UI,sans-serif;font-size:14px;background:#0006;padding:8px 14px;border-radius:8px;pointer-events:none;z-index:10}#joystick-zone{position:fixed;bottom:0;left:0;width:50%;height:40%;z-index:20;touch-action:none}#joystick-base{display:none;position:absolute;width:120px;height:120px;border-radius:50%;background:#ffffff26;border:2px solid rgba(255,255,255,.3);transform:translate(-50%,-50%);pointer-events:none}#joystick-knob{display:none;position:absolute;width:50px;height:50px;border-radius:50%;background:#fff6;transform:translate(-50%,-50%);pointer-events:none}